:root{--ink:#0c1919;--panel:#142825;--paper:#eee4cf;--gold:#c6ad78;--muted:#b2b9aa;--line:#c6ad783b;--red:#df9982;color-scheme:dark;font-family:'Segoe UI',system-ui,sans-serif;font-size:16px;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}button,a,select{touch-action:manipulation}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#20352e;padding:13px 18px;min-height:46px;border-radius:3px 11px 3px 11px;transition:background .2s,transform .2s}button:hover{background:#344637;transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f0d191;outline-offset:4px}a{color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:400;margin:0 0 20px;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,6rem)}h2{font-size:2.1rem}h3{font-size:1.4rem}p{line-height:1.8;margin:0 0 19px}em{color:var(--gold)}.eyebrow{font-size:.67rem;font-weight:600;letter-spacing:.21em;color:var(--gold);text-transform:uppercase;line-height:1.7}.muted,small{color:var(--muted)}.primary{background:#c6ad78;color:#132320;font-weight:650;box-shadow:inset 0 0 0 3px #15272224}.primary:hover{background:#e0c78e}.quiet{background:transparent}.danger{border-color:#c27865;color:#f1b7a3}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:10px}.rule{width:65px;height:1px;background:var(--gold);margin:24px 0}.logo{width:220px;max-width:80%;filter:invert(1) sepia(.5);mix-blend-mode:screen}.skip{position:absolute;top:-100px;z-index:100;background:var(--ink);padding:15px}.skip:focus{top:0}.title{min-height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:70px 7%}.title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;z-index:-3;animation:slow-pan 30s ease-in-out infinite alternate}.title:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06111008 15%,#0c191955 40%,#0c1919ee 70%),linear-gradient(0deg,#0c1919,transparent 30%)}.title-copy{width:47%;max-width:620px;margin-left:auto}.title h1{font-size:clamp(3rem,5.3vw,5.7rem);margin-top:24px}.title-case{font-family:Georgia,serif;font-size:1.4rem;color:var(--gold);margin-bottom:25px}.title-actions{display:grid;gap:12px;margin:26px 0}.title-footer{font-size:.72rem;color:var(--muted);margin-top:23px}.subnav{display:flex;flex-wrap:wrap;gap:10px}.subnav button{font-size:.8rem;background:#0e211dc9}.title-badge{position:absolute;left:5%;bottom:42px;max-width:300px;font-family:Georgia,serif;color:#eadcbf;font-size:1.1rem;border-left:1px solid var(--gold);padding-left:18px;line-height:1.6}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#e9d588;border-radius:50%;box-shadow:0 0 10px 3px #e8cb7059;animation:fly var(--d) infinite ease-in-out;animation-delay:var(--delay)}.rain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(108deg,transparent 0 70px,#cedce509 71px 72px,transparent 73px 160px);opacity:.4;animation:rain 2s linear infinite}.scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 28%,#f8ca6320,transparent 35%);animation:flicker 5s ease-in-out infinite}.topbar{display:flex;align-items:center;gap:20px;padding:12px 28px;border-bottom:1px solid var(--line);background:#10231f}.topbar .logo{width:150px}.brand-button{background:none;border:0;padding:4px;min-width:140px}.topbar .eyebrow{flex:1}.tools{display:flex;gap:8px}.tools button{background:transparent;font-size:.82rem;padding:9px 12px}.play{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.85fr);max-width:1800px;margin:auto;min-height:calc(100svh - 152px)}.visual{position:relative;min-width:0;overflow:hidden;background:#081310;align-self:stretch}.scene-image{width:100%;height:100%;position:absolute;object-fit:cover;animation:arrive .7s ease-out}.scene-label{position:absolute;top:0;left:0;right:0;z-index:2;padding:32px;background:linear-gradient(#071411df,transparent)}.scene-label h2{font-size:1.6rem;margin:6px 0}.spot{position:absolute;left:var(--sx);top:var(--sy);transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;padding:0;background:#142c25db;border-color:#dfc893bd;box-shadow:0 0 0 5px #dcc58b15;z-index:3;font-size:22px}.spot:hover{transform:translate(-50%,-50%) scale(1.08)}.spot.done{color:#bdd3b1;border-color:#91b09b}.spot span{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);padding:7px 10px;width:max-content;max-width:180px;font-size:12px;line-height:1.4;background:#0b211f;border:1px solid var(--line);display:none}.spot:focus-visible span,.spot:hover span{display:block}.story{padding:34px 36px 100px;background:radial-gradient(ellipse at top right,#30413255,transparent 70%),#112420;min-width:0}.story h2{font-size:2rem}.story p{font-size:1.03rem}.choices{display:grid;gap:10px;margin-top:24px}.choices button{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem}.choices small{display:block;font-size:.7rem}.section-label{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 24px}.portraits figure{margin:0;min-width:0}.portraits img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:3px 20px 3px 20px}.portraits figcaption{font-size:.72rem;color:var(--gold);margin-top:6px;text-align:center}.speaker{color:var(--gold)}.evidence-note{padding:14px 16px;border-left:2px solid var(--gold);background:#d1b36d0b;margin:22px 0;font-size:.87rem}.bottomnav{position:sticky;bottom:0;display:flex;justify-content:center;gap:8px;background:#0c1b18f5;border-top:1px solid var(--line);padding:10px;z-index:5;backdrop-filter:blur(14px)}.bottomnav button{background:transparent;min-width:130px;font-size:.83rem}.bottomnav .accent{color:var(--gold);border-color:#c6ad7877}.bottomnav b{color:var(--gold);font-size:.72rem;padding-left:4px}dialog{width:min(900px,calc(100% - 30px));max-height:88svh;border:1px solid #c6ad7866;background:linear-gradient(130deg,#29382d,#10241f 60%);color:var(--paper);border-radius:4px 22px 4px 22px;padding:0;box-shadow:0 25px 100px #000a}dialog[open]{animation:sheet-in .25s ease-out}dialog::backdrop{background:#020d0cdc;backdrop-filter:blur(7px)}.modal-head{padding:25px 30px 12px;display:flex;justify-content:space-between;gap:15px;position:sticky;top:0;background:#1a2c25;z-index:2;border-bottom:1px solid var(--line)}.modal-head h2{font-size:1.8rem;margin:8px 0}.modal-head button{align-self:start;background:transparent;font-size:22px}.modal-body{padding:25px 30px 35px}.map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.location{padding:0;overflow:hidden;text-align:left;background:#13251f}.location img{width:100%;height:150px;object-fit:cover;display:block}.location div{padding:15px}.location strong{font-family:Georgia,serif;font-size:1.15rem;display:block;font-weight:400;margin:5px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{font-size:.82rem}.tabs .selected{border-color:var(--gold);color:var(--gold)}.clues{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clue{text-align:left;padding:18px;background:#192b24}.clue h3{font-size:1.15rem;margin:9px 0}.clue p{font-size:.84rem;margin:0}.clue.checked{outline:2px solid var(--gold);background:#344232}.clue.type{font-size:.64rem}.deduction{padding:20px;border:1px solid #c6ad785e;background:#c6ad7809;margin-bottom:14px}.deduction h3{color:var(--gold);font-size:1.2rem}.deduction p{font-size:.87rem;margin:0}.profile{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:start}.profile>img{width:100%;border-radius:3px 20px 3px 20px}.profile p{font-size:.94rem}.person-card{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.person-card img{width:90px;border-radius:4px}.person-card h3{margin-bottom:6px}.person-card p{font-size:.85rem;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;line-height:1.5}select,textarea,input[type=text]{width:100%;margin:8px 0 18px;padding:13px;color:var(--paper);background:#0c201b;border:1px solid #c6ad7870;border-radius:4px;min-height:48px}select{font-size:16px}textarea{min-height:150px;resize:vertical}.proofs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 25px}.proofs label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);font-size:.85rem;min-height:52px}.proofs input{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0}.warning{color:#e4b59d;padding:15px;border-left:2px solid #c2856b;line-height:1.6;background:#713c2018}.badge{color:var(--gold);font-size:.7rem;letter-spacing:.1em}.cinematic{min-height:100svh;position:relative;display:grid;place-items:center;isolation:isolate;padding:60px 24px}.cinematic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.33)}.cinematic:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c1919,transparent 70%)}.cinema-text{max-width:680px;animation:arrive .9s ease-out}.cinema-text h1{font-size:clamp(2.5rem,5vw,4.5rem)}.cinema-text p{font-family:Georgia,serif;font-size:clamp(1.13rem,2vw,1.35rem);line-height:1.8}.cinema-text .row{margin-top:35px}.result-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.result-stat div{padding:17px;border:1px solid var(--line);background:#11251ec9}.result-stat strong{font-family:Georgia,serif;font-size:1.7rem;display:block;color:var(--gold)}.result-stat small{font-size:.7rem}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);max-width:calc(100% - 30px);width:max-content;padding:15px 22px;border:1px solid var(--gold);background:#1f342b;color:#f4e5c3;z-index:30;opacity:0;pointer-events:none;transition:.2s;font-size:.85rem}#toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:25px;border:1px dashed var(--line);color:var(--muted)}.timer{font-variant-numeric:tabular-nums}.reduced *, .reduced *::before,.reduced *::after{animation:none!important;transition:none!important}.fine{font-size:.77rem!important;color:var(--muted)}.timeline{border-left:1px solid var(--gold);padding-left:22px}.timeline p{font-size:.9rem}.sound-control{display:flex;align-items:center;gap:15px;margin:20px 0}.sound-control input{flex:1;accent-color:var(--gold)}
@keyframes fly{0%,100%{opacity:.1;transform:translate(0,0)}45%{opacity:.8;transform:translate(15px,-30px)}75%{opacity:.3;transform:translate(-10px,-14px)}}@keyframes slow-pan{from{transform:scale(1)}to{transform:scale(1.025)}}@keyframes flicker{0%,100%{opacity:.6}32%{opacity:1}34%{opacity:.65}65%{opacity:.9}}@keyframes rain{to{background-position:-80px 200px}}@keyframes arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes sheet-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(min-width:1100px){.visual{position:sticky;top:0;height:calc(100svh - 140px)}.story{max-height:calc(100svh - 140px);overflow:auto;scrollbar-color:#7a7651 #142923}}
@media(max-width:800px){.title{padding:70px 24px 35px;align-items:end;min-height:100svh}.title-art{object-position:26% top;height:68%}.title:before{background:linear-gradient(0deg,#0c1919 22%,#0c1919df 45%,#0c191900 85%)}.title-copy{width:100%;margin:280px auto 0;max-width:550px}.title h1{font-size:3.6rem}.title-badge{display:none}.title-case{font-size:1.17rem}.title-actions{margin:20px 0}.topbar{padding:8px 12px;gap:9px}.topbar .eyebrow{font-size:.53rem}.topbar .logo{width:110px}.brand-button{min-width:110px}.tools button{font-size:.72rem;padding:8px}.play{grid-template-columns:1fr}.visual{height:50svh;min-height:320px;max-height:560px}.scene-image{object-position:center 45%}.scene-label{padding:18px 22px}.scene-label h2{font-size:1.45rem}.story{padding:28px 22px 30px}.story p{font-size:1rem}.bottomnav{gap:4px;padding:8px 6px}.bottomnav button{min-width:0;flex:1;padding:10px 4px;font-size:.68rem;border-radius:4px}.portraits{max-width:430px;margin:0 auto 25px}.modal-head{padding:20px 20px 10px}.modal-body{padding:20px}.clues{grid-template-columns:1fr}.map-grid{gap:10px}.location img{height:115px}.location div{padding:11px}.location strong{font-size:1rem}.profile{grid-template-columns:1fr}.profile>img{max-width:230px}.form-grid{grid-template-columns:1fr}.proofs{grid-template-columns:1fr}.cinematic{padding:45px 23px}.cinema-text p{font-size:1.13rem}.result-stat{gap:6px}.result-stat div{padding:12px 8px}.result-stat strong{font-size:1.35rem}.title-footer{font-size:.7rem}.title .logo{width:190px}h2{font-size:1.8rem}}
@media(max-width:370px){.title h1{font-size:3rem}.tools .timer{display:none}.topbar .eyebrow{display:none}.tools{margin-left:auto}.map-grid{grid-template-columns:1fr}.bottomnav button{font-size:.61rem}.modal-head h2{font-size:1.5rem}.story{padding:22px 17px}.title-copy{margin-top:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.art-expand{position:absolute;right:16px;bottom:16px;z-index:4;background:#11251edb;font-size:.75rem;min-height:44px}.full-art{width:100%;height:auto;display:block}
.bottomnav{position:fixed;left:0;right:0;bottom:0}.scene-label{pointer-events:none}@media(max-width:800px){.story{padding-bottom:100px}}