:root{--ink:#dfe3d8;--muted:#a5b4ab;--paper:#101d20;--line:#a3b6a32b;--accent:#adc4ae;--red:#adc4ae;background:#091316}.experience{background:#091316;padding:16px}.surface{max-width:1280px;border:1px solid #a0b7a51c;border-radius:3px;box-shadow:none;min-height:calc(100svh - 32px)}.film-entry{position:relative;min-height:calc(100svh - 34px);display:flex;align-items:center;isolation:isolate;overflow:hidden}.film-photograph{position:absolute;inset:0;z-index:-2}.film-photograph img{width:100%;height:100%;object-fit:cover;object-position:center}.film-photograph:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071418ec,#07141865)}.film-copy{padding:60px clamp(30px,7vw,100px);max-width:750px}.film-label{font-size:13px;letter-spacing:.1em;color:#a8bcae;margin-bottom:29px}.film-copy h1{font-size:clamp(48px,7vw,84px);line-height:1.35;letter-spacing:.06em;white-space:pre-line;font-weight:600;color:#f0ead5}.film-description{font-size:15px;line-height:2;white-space:pre-line;margin-top:27px;color:#b5c4b8}.film-meta{font-size:13px;color:#a5b9ab;margin-top:26px}.primary{background:#c2d0ba;color:#172825;border-radius:2px}.primary:hover:not(:disabled){background:#dce3cb}.film-copy .primary{margin-top:32px}.secondary{border-radius:2px;color:#c0d0c2;border-color:#b4c6b83d}.secondary:hover{background:#c2d0ba12}.text-button{color:#acbeb0}.text-button:hover{color:#e8efde}.film-scene{display:grid;grid-template-columns:.36fr .64fr;min-height:calc(100svh - 34px)}.scene-photograph{position:relative;overflow:hidden;min-height:500px}.scene-photograph>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50%}.scene-photograph:after{content:'';position:absolute;inset:0;background:#071a2050}.scene-chapter{position:absolute;bottom:40px;left:32px;right:25px;z-index:1;display:grid;gap:12px;color:#dae4d4}.scene-chapter span{font-size:13px;letter-spacing:.08em}.scene-chapter strong{font-family:'Gugu Display',serif;font-size:25px;font-weight:500}.scene-reading{padding:32px clamp(25px,4.2vw,58px) 42px}.scene-top{display:flex;justify-content:space-between;gap:18px;color:#a1b4a8;font-size:12px}.scene-progress{height:2px;background:#aec2ac26;margin-top:18px}.scene-progress span{display:block;height:100%;background:#a7b9a0}.scene-reading h1{font-size:clamp(28px,3.2vw,38px);line-height:1.65;letter-spacing:.025em;margin-top:38px}.scene-text{font-size:15px;line-height:2.1;margin-top:20px;color:#c0cdc2}.scene-recall{font-size:13px;color:#b5c8ae;border-left:2px solid #7d9a7d;padding-left:15px;margin-top:18px;line-height:1.9}.options{margin-top:29px;gap:11px}.option{border-radius:2px;border-color:#9fb3a431;padding:15px 18px;min-height:64px;gap:15px}.option-label{font-size:14px}.option:hover{background:#adc4ae0b;border-color:#b3c6aa70}.option:has(input:checked){background:#a6bd9a14;border-color:#a6bd9a}.option input{border-color:#94ab97}.option input:checked{border-color:#b7cbaa}.option input:checked:before{background:#b7cbaa}.scene-reading>.text-button{margin-top:18px;font-size:14px}.film-result.result{max-width:1000px;padding:40px 42px 100px}.film-ending-heading{position:relative;min-height:360px;display:flex;align-items:flex-end;padding:35px;isolation:isolate;overflow:hidden}.ending-photograph{position:absolute;inset:0;z-index:-2}.ending-photograph img{width:100%;height:100%;object-fit:cover}.ending-photograph:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1618e8,#0a16184a)}.ending-label{font-size:13px;color:#b9c9b7;letter-spacing:.1em}.film-ending-heading h1{font-size:clamp(26px,3.5vw,39px);line-height:1.6;color:#e8e7d6;letter-spacing:.015em;margin-top:16px}.ending-subtitle{font-size:17px;font-family:'Gugu Display',serif;margin-top:9px;color:#c0ccba}.ending-tag{font-size:12px;color:#b1c0b0;margin-top:22px}.ending-intro{font-family:'Gugu Display',serif;font-size:18px;line-height:2.05;margin:32px 0;color:#d4ddcc}.ending-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}.ending-sections h2,.film-path h2{font-size:21px;line-height:1.6;color:#b8cbb1;margin-bottom:14px}.ending-sections p{font-size:14px;line-height:2;color:#aabcb0}.film-path{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.path-stats{display:grid;grid-template-columns:.7fr 1.2fr 1.2fr;gap:22px}.path-stats span{display:block;font-size:12px;color:#9eb2a4}.path-stats strong{display:block;font-weight:450;font-size:15px;line-height:1.8;margin-top:12px}.notice{color:#a9bdac}
@media(max-width:760px){.film-scene{grid-template-columns:1fr;grid-template-rows:160px 1fr}.scene-photograph{min-height:0;height:160px;max-height:none}.scene-photograph>img{object-position:center 40%}.scene-chapter{bottom:24px;left:26px;gap:5px}.scene-chapter strong{font-size:23px}.scene-reading{padding:25px 25px 35px}.scene-reading h1{font-size:28px;margin-top:29px}.scene-text{font-size:14px}.film-copy h1{font-size:58px}.film-copy{padding:45px 30px}.film-description{font-size:14px}.film-entry{min-height:calc(100svh - 26px)}.experience{padding:12px}.film-result.result{padding:25px 22px 80px}.film-ending-heading{padding:26px 20px;min-height:320px}.film-ending-heading h1{font-size:28px}.ending-subtitle{font-size:16px}.ending-intro{font-size:16px}.ending-sections{grid-template-columns:1fr;gap:27px}.path-stats{grid-template-columns:1fr;gap:18px}.path-stats>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.path-stats strong{margin:0;font-size:14px}.film-result .actions{flex-direction:column}.film-result .result-links{justify-content:center}.film-photograph:after{background:#0714189c}}
@media(max-width:360px){.film-copy h1{font-size:49px}.film-copy{padding-inline:25px}.scene-reading{padding-inline:21px}.film-ending-heading h1{font-size:25px}}