:root{color:#f5f2e9;font-synthesis:none;background:#071014;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#071014;margin:0}.app{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 36%),#071014;--accent:#4f899e;min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:5;background:#071014e8;border-bottom:1px solid #ffffff20;align-items:center;gap:24px;height:64px;padding:0 28px;display:flex;position:relative}.brand{letter-spacing:.15em;font-size:13px;font-weight:800}.brand span{color:#9eb0b8;margin-left:8px;font-weight:500}.scene-clock{text-align:right;color:#9eb0b8;letter-spacing:.15em;margin-left:auto;font-size:10px;display:grid}.scene-clock b{color:#fff;margin-top:3px;font-size:11px}.topbar button,.narration button,.evidence-toggle{color:#fff;letter-spacing:.12em;cursor:pointer;background:#ffffff0c;border:1px solid #ffffff2d;padding:9px 13px;font-size:10px}.topbar .collection-home{color:#fff;letter-spacing:.12em;white-space:nowrap;background:#ffffff0c;border:1px solid #ffffff2d;align-items:center;padding:9px 13px;font-size:10px;text-decoration:none;display:inline-flex}.stage{border-bottom:1px solid #ffffff20;height:min(48vw,540px);min-height:360px;position:relative;overflow:hidden}.stage>img{object-fit:cover;width:100%;height:100%;filter:saturate(.86) contrast(1.03) brightness(calc(.78 + var(--visibility)*.0025));transform:scale(calc(1.035 + var(--motion)*.00022));animation:32s ease-in-out infinite alternate fieldDrift}.stage:after{content:"";background:linear-gradient(90deg,#050b0fdc 0%,#050b0f80 37%,#0000 68%),linear-gradient(#0000 55%,#050b0f8a);position:absolute;inset:0}.weather{z-index:1;opacity:calc(var(--env)*.006);background:repeating-linear-gradient(112deg,#0000 0 28px,#d8edf018 30px,#d8edf000 33px);animation:12s linear infinite weather;position:absolute;inset:-10%}.grain{z-index:2;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");animation:.7s steps(2,end) infinite grain;position:absolute;inset:0}.stage-copy{z-index:3;max-width:690px;position:absolute;bottom:clamp(28px,7vw,90px);left:clamp(24px,6vw,90px)}.stage-copy>p:first-child,.kicker{letter-spacing:.18em;color:#9fc2d0;font-size:10px;font-weight:800}.stage h1{text-wrap:balance;margin:12px 0 10px;font-family:Georgia,serif;font-size:clamp(34px,5vw,72px);line-height:.98}.zh{color:#d8ddd9;font-family:serif}.lede{color:#d8ddd9;max-width:620px;font-family:Georgia,serif;font-size:16px;line-height:1.55}.state-badge{z-index:3;text-align:right;background:#071014bf;border:1px solid #ffffff2a;padding:12px 16px;position:absolute;bottom:28px;right:28px}.state-badge span{letter-spacing:.16em;color:#aab9bf;font-size:9px;display:block}.state-badge b{letter-spacing:.1em;font-size:12px}.modes{background:#ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.modes button{text-align:left;color:#9baab0;cursor:pointer;background:#0c171b;border:0;padding:18px 24px}.modes button.active{color:#fff;box-shadow:inset 0 -2px var(--accent);background:#13252c}.modes b{letter-spacing:.12em;font-size:11px;display:block}.modes span{margin-top:5px;font-size:11px;display:block}.workbench{background:#ffffff16;border-bottom:1px solid #ffffff16;grid-template-columns:260px minmax(380px,1fr) 300px;gap:1px;display:grid}.timeline,.panel,.narration{background:#0a1418;padding:25px}.timeline-head{letter-spacing:.14em;color:#9aabb2;justify-content:space-between;font-size:10px;display:flex}.track{background:#ffffff1b;height:2px;margin:18px 0;position:relative}.track i{width:var(--progress);background:var(--accent);height:100%;transition:all .5s;display:block}.ticks{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.ticks button{aspect-ratio:1;color:#82949c;cursor:pointer;background:#ffffff08;border:1px solid #fff2;font-size:9px}.ticks button.active{color:#fff;background:#4f899e42;border-color:#a8dae8}.stepper{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.stepper button{color:#fff;background:#ffffff08;border:1px solid #ffffff1c;padding:10px;font-size:9px}.stepper button:disabled{opacity:.3}.panel{min-height:440px}.panel h2{margin:12px 0;font-family:Georgia,serif;font-size:30px}.panel>p,.no-decision p{color:#cbd4d5;font-family:Georgia,serif;line-height:1.65}.evidence-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.evidence-grid div{background:#ffffff08;border:1px solid #ffffff14;padding:14px}.evidence-grid b,.boundary b{letter-spacing:.13em;color:#9fc2d0;font-size:9px}.evidence-grid p{color:#b9c4c7;font-size:11px;line-height:1.5}.boundary{color:#d7cec0;background:#c59a5b12;border-left:2px solid #c59a5b;margin-top:15px;padding:14px;font-size:12px;line-height:1.55}.boundary b{color:#e4bd7f;margin-bottom:5px;display:block}.options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.options button{color:#d8e0e1;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff20;min-height:128px;padding:15px}.options button.selected{background:#4f899e26;border-color:#8bc7d9}.options b{letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}.options span{font-size:11px;line-height:1.45}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.metrics>div{border:1px solid #ffffff16;padding:12px}.metrics span{letter-spacing:.12em;color:#94a6ad;font-size:8px}.metrics b{margin:4px 0;font-size:10px;display:block}.metrics i{background:#ffffff14;height:2px;display:block}.metrics em{background:var(--accent);height:100%;transition:all .5s;display:block}.chain{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.chain span{letter-spacing:.08em;background:#ffffff09;padding:9px;font-size:9px}.chain i{color:#668896;margin-left:8px;font-style:normal}.narration p{color:#d5d9d7;font-family:Georgia,serif;line-height:1.65}.bridge{color:#9fc2d0;border-top:1px solid #ffffff1b;padding-top:14px;font-size:11px;line-height:1.55;display:block}.narration button{width:100%;margin-top:18px}.transcript{color:#bfc9ca;background:#050a0d;margin-top:12px;padding:12px;font-size:11px;line-height:1.6}.decision-index{gap:8px;margin-top:20px;display:flex}.decision-index span{border:1px solid #ffffff1c;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.decision-index .made{background:#507b55}.decision-index .current{border-color:#e4bd7f}footer{background:#060d10;grid-template-columns:180px 1fr auto;align-items:start;gap:25px;padding:25px 28px;display:grid}footer span{letter-spacing:.14em;color:#d8b170;font-size:9px}footer p{color:#899ba2;margin:0;font-size:11px;line-height:1.6}footer button{color:#9fc2d0;letter-spacing:.12em;background:0 0;border:0;font-size:9px}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0}.ambient i{opacity:.2;background:#d8f2f8;width:2px;height:2px;animation:12s linear infinite float;position:absolute}.ambient i:first-child{top:35%;left:12%}.ambient i:nth-child(2){animation-delay:-4s;top:10%;left:45%}.ambient i:nth-child(3){animation-delay:-8s;top:52%;left:78%}.ambient i:nth-child(4){animation-delay:-2s;top:20%;left:90%}@keyframes fieldDrift{to{transform:scale(calc(1.055 + var(--motion)*.00025)) translate3d(-0.4%,0.2%,0)}}@keyframes weather{to{transform:translate(-80px,60px)}}@keyframes grain{50%{transform:translate(1%,-1%)}}@keyframes float{to{opacity:0;transform:translateY(-120px)}}@media (width<=980px){.workbench{grid-template-columns:1fr}.timeline,.narration{order:2}.stage{height:62vh}.evidence-grid,.options{grid-template-columns:1fr}.modes span,.state-badge{display:none}}@media (width<=600px){.topbar{padding:0 14px}.scene-clock,.brand span{display:none}.stage-copy{left:20px;right:20px}.stage h1{font-size:38px}.workbench{display:block}.modes button{text-align:center;padding:15px 10px}.panel,.timeline,.narration{padding:20px}.metrics,footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}:root{--premium-accent:#63b8c8;--premium-phase:0;--premium-choice-depth:0}.premium-skip{z-index:40;color:#111;letter-spacing:.09em;background:#fff;border-radius:.25rem;padding:.72rem 1rem;font:700 .72rem/1 system-ui;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-220%)}.premium-skip:focus{transform:none}.premium-live{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.premium-stage{isolation:isolate}.premium-field{z-index:2;pointer-events:none;opacity:calc(.17 + var(--premium-choice-depth)*.025);background:repeating-linear-gradient(166deg,transparent 0 58px,#63b8c833 59px 63px,transparent 64px 98px),conic-gradient(from 210deg at 54% 50%,transparent 0 28deg,#dca85629 29deg 32deg,transparent 33deg);mix-blend-mode:screen;background-size:155% 155%;animation:15s ease-in-out infinite alternate premium-strait;position:absolute;inset:-9%}.premium-stage>.atmosphere{z-index:0}.premium-stage>.panel,.premium-stage>.metric-rail,.premium-stage>.premium-transcript{z-index:4}.premium-transcript{z-index:12;border:1px solid color-mix(in srgb,var(--premium-accent) 52%,transparent);background:color-mix(in srgb,#071018 91%,var(--premium-accent) 9%);color:#f7f4ec;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(36rem,100% - 2rem);position:absolute;bottom:clamp(5.5rem,12vh,8rem);right:clamp(1rem,3vw,3rem);box-shadow:0 18px 50px #00000038}.premium-transcript summary{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;padding:.72rem 1rem;font:700 .67rem/1.2 system-ui}.premium-transcript p{color:#e4e0d7;margin:0;padding:0 1rem 1rem;font:400 .83rem/1.58 system-ui}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid var(--premium-accent)!important}@keyframes premium-strait{0%{background-position:0 20%;transform:translate(-1.2%,1%)}to{background-position:100% 78%;transform:translate(2.4%,-1.4%)}}@media (width<=760px){.premium-field{opacity:.2;inset:-4%}.premium-transcript{width:calc(100% - 2rem);max-height:34vh;margin:1rem;position:relative;bottom:auto;right:auto;overflow:auto}.premium-transcript[open]{max-height:48vh}}@media (prefers-reduced-motion:reduce){.premium-field{animation:none!important;transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}