:root{color:#f7f6ec;font-synthesis:none;--ink:#24414a;--panel:#183943e8;--gold:#f2cd73;--cream:#fff2d8;--copper:#bd6c45;background:#24414a;font-family:Inter,Arial,sans-serif}.stage[data-choice-state=engaged] .scene:after{background-color:#d8783f24;animation:9s ease-in-out infinite alternate premium-atmosphere}.stage[data-scene-state=reflect] .scene{filter:brightness(1.1)contrast(.94)saturate(.96)}@keyframes premium-atmosphere{0%{opacity:.76;transform:scale(1)}to{opacity:.94;transform:scale(1.012)}}.ultimate-motion{z-index:2;pointer-events:none;contain:paint;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.seismic-atmosphere i,.seismic-atmosphere span{display:block;position:absolute}.fault-trace{width:124%;height:2px;transform:rotate(calc(-4deg + var(--scene-progress)*9deg));animation:fault-slip calc(8s - var(--motion-intensity)*3s) ease-in-out infinite;background:linear-gradient(90deg,#0000,#f5cc7588 18% 82%,#0000);top:58%;left:-12%}.water-pulse{filter:drop-shadow(0 0 12px #6acddd);height:10%;opacity:calc(.12 + var(--water-reach)*.55);border-top:2px solid #8bd9e6aa;animation:5.8s linear infinite lifeline-flow;bottom:13%;left:7%;right:7%}.fire-front{width:52%;height:46%;opacity:var(--fire-pressure);background:radial-gradient(at bottom,#ff9a451f,#0000 66%);animation:3.2s ease-in-out infinite alternate fire-breathe;bottom:0;right:-8%}.recovery-grid{opacity:calc(var(--scene-progress)*.18 + var(--decision-energy)*.08);background-image:linear-gradient(90deg,#0000 49.8%,#fff3 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#fff2 50%,#0000 50.2%);background-size:96px 96px;animation:13s linear infinite grid-settle;inset:0}.seismic-dust{width:4px;height:4px;left:calc(17% + var(--n,0)*21%);opacity:calc(.08 + var(--motion-intensity)*.32);animation:dust-rise calc(5s + var(--n,0)*1.3s) ease-out infinite;background:#f7e0ae;border-radius:50%;bottom:22%}.seismic-dust:nth-of-type(2){--n:1;animation-delay:-2s}.seismic-dust:nth-of-type(3){--n:2;animation-delay:-4s}.seismic-dust:nth-of-type(4){--n:3;animation-delay:-1s}@keyframes fault-slip{0%,to{opacity:.2;translate:-1.2%}48%{opacity:calc(.25 + var(--motion-intensity)*.55);translate:1.5% -3px}52%{translate:-.8% 2px}}@keyframes lifeline-flow{to{background-position:180px 0}}@keyframes fire-breathe{to{filter:blur(5px);scale:1.08 1.18}}@keyframes grid-settle{to{background-position:96px 48px}}@keyframes dust-rise{0%{opacity:0;translate:0 18px}25%{opacity:.35}to{opacity:0;translate:26px -34vh}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--ink);margin:0}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#24414adf;border-bottom:1px solid #fff5;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:relative}.brand{text-align:left;margin-right:auto}.brand b,.brand span{display:block}.brand b{letter-spacing:.2em}.brand span,header>button,header strong,.collection-home{letter-spacing:.14em;color:#f5efe2;font-size:9px}.collection-home{white-space:nowrap;border:1px solid;align-items:center;min-height:30px;padding:7px 9px;text-decoration:none;display:inline-flex}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";background:linear-gradient(90deg,#183943ad 0%,#24414a40 58%,#ffecbe0f 100%);position:absolute;inset:72px 0 0}.hero{max-width:1280px;padding:6.5vh 6vw;position:relative}.hero p,article p,.system p,.decision p,.drawer p{letter-spacing:.2em;color:var(--gold);font-size:10px}.hero h1{text-wrap:balance;text-shadow:0 3px 22px #15353f40;margin:24px 0;font:600 clamp(48px,7.9vw,104px)/.86 Georgia}.hero h2{color:var(--cream);font:italic 400 clamp(27px,3.4vw,46px) Georgia}.hero blockquote{color:#fff8eb;margin:28px 0;font:21px/1.5 Georgia}.modes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modes button{text-align:left;background:#183943dc;border:1px solid #fff6;min-height:88px;padding:18px;box-shadow:0 10px 35px #102b3238}.modes button:hover{background:#2e5963}.modes b,.modes span{display:block}.modes span{color:#dfe9e7;margin-top:8px;font-size:12px}.stage{background:#d9d2bb;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.08)contrast(.94)saturate(1.01);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#f2f4da12,#0000 54%,#14343c61 98%),linear-gradient(90deg,#14343c38,#0000 64%);position:absolute;inset:0}article{z-index:5;background:var(--panel);border-left:2px solid var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(740px,60vw);padding:20px 22px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 50px #102c344f}article h2{margin:9px 0 12px;font:43px/1.08 Georgia}article>span{font:18px/1.52 Georgia;display:block}article small,.system small,.decision small{color:#e1ebea;margin-top:13px;line-height:1.5;display:block}article small b,.system small b{color:var(--gold)}.system,.decision{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#183943ee;border:1px solid #fff6;width:430px;padding:20px;position:absolute;top:4vh;right:3vw;box-shadow:0 20px 70px #102a3266}.groundline{grid-template-columns:34px repeat(12,1fr) 31px;align-items:center;gap:3px;margin:12px 0;display:grid}.groundline>b{text-align:center;color:var(--gold);font:10px Georgia}.groundline i{background:#bdd1cf55;height:10px;transform:skew(-18deg)}.groundline i.active{background:linear-gradient(90deg,#f1d779,#c47249)}.groundline.bedrock i{transform:none}.groundline.fill i{transform:skew(18deg)}.scenario{grid-template-columns:1fr;gap:4px;margin-bottom:12px;display:grid}.scenario button{text-align:left;letter-spacing:.1em;border:1px solid #fff3;padding:8px 10px;font-size:8px}.scenario button.active{background:var(--gold);color:#17363f}.system label{letter-spacing:.13em;margin:11px 0;font-size:9px;display:block}.system label>b{float:right;color:var(--gold)}.system input{width:100%;accent-color:var(--gold);margin-top:7px;display:block}.metrics{background:#fff3;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;display:grid}.metrics span{background:#112f38;min-height:63px;padding:10px}.metrics i,.metrics b{display:block}.metrics i{color:#c8dcda;font-size:8px}.metrics b{color:#fff;margin-top:4px;font:23px Georgia}.decision h3{margin:8px 0 12px;font:29px/1.1 Georgia}.decision button{text-align:left;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:var(--gold)}.drawer{z-index:20000;color:#203f47;background:#f8f2e6;width:min(560px,100vw);padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #0007}.drawer>button{float:right;color:#203f47;font-size:30px}.drawer h2{font:35px Georgia}.drawer a{color:#86513b;border-bottom:1px solid #9d8b7777;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.65;display:block}nav{z-index:50;background:#112f38;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative}nav>div{flex:1;gap:3px;min-width:max-content;display:flex}nav button{border:1px solid #fff3;min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--gold);color:#17363f}@keyframes scene-in{0%{opacity:.48;transform:scale(1.016)}to{opacity:1;transform:none}}@media (width>=721px) and (height<=900px){article,.system,.decision{max-height:calc(100% - 36px);overflow:auto}}@media (width<=900px){article{width:min(650px,55vw)}.system,.decision{width:365px}}@media (width<=720px){header{gap:7px;height:64px;padding:0 10px}header strong{display:none}.hero{padding:5vh 5vw}.hero h1{font-size:47px}.modes{grid-template-columns:1fr}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:55%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.system,.decision{width:92vw;max-height:66%;top:auto;bottom:3vh;right:4vw;overflow:auto}:is(.stage:has(.system) article,.stage:has(.decision) article){display:none}nav{padding:0 6px;overflow:auto}nav>div{min-width:max-content}.collection-home{padding:6px;font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}