:root{color:#fff9e9;font-synthesis:none;--ink:#173b46;--panel:#163b45e8;--gold:#f3d279;--mist:#dbeff0;--sea:#58a9b6;background:#173b46;font-family:Inter,Arial,sans-serif}*{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:#173b46df;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:#e3f2f1;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,#133a43c2 0%,#18454e40 54%,#fff0c20d 100%);position:absolute;inset:72px 0 0}.hero{max-width:1180px;padding:7vh 7vw;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 #1238;margin:24px 0;font:600 clamp(54px,8.7vw,112px)/.84 Georgia}.hero h2{color:#eaf7f4;font:italic 400 clamp(26px,3.7vw,48px) Georgia}.hero blockquote{color:#f7f7e9;margin:28px 0;font:22px/1.5 Georgia}.modes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modes button{text-align:left;background:#173b46d9;border:1px solid #fff6;min-height:88px;padding:18px;box-shadow:0 10px 35px #1234}.modes button:hover{background:#225563}.modes b,.modes span{display:block}.modes span{color:#d9e9e7;margin-top:8px;font-size:12px}.stage{background:#bdd7d4;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.08)contrast(.94)saturate(1.02);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#fff7d70f,#0000 52%,#15394170 98%),linear-gradient(90deg,#15394142,#0000 62%);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(720px,59vw);padding:20px 22px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 50px #0f2e3655}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:#e1eeee;margin-top:13px;line-height:1.5;display:block}article small b{color:var(--gold)}.system,.decision{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#143945f2;border:1px solid #fff6;width:410px;padding:20px;position:absolute;top:4vh;right:3vw;box-shadow:0 20px 70px #052d3866}.fleetline{grid-template-columns:repeat(14,1fr);gap:3px;margin:12px 0 16px;display:grid}.fleetline i{clip-path:polygon(0 25%,78% 25%,100% 100%,12% 100%);background:#a9c5c155;border-bottom:3px solid #fff5;height:42px}.fleetline i.ready{background:linear-gradient(#e6d594,#5ba8b4);border-color:#f8e6a4}.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:#c7dedd;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:#173b46;background:#eff5ee;width:min(540px,100vw);padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #0007}.drawer>button{float:right;color:#173b46;font-size:30px}.drawer h2{font:35px Georgia}.drawer a{color:#215967;border-bottom:1px solid #7699;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.65;display:block}nav{z-index:50;background:#102f38;align-items:center;gap:8px;height:60px;padding:0 18px;display:flex;position:relative}nav>div{flex:1;gap:3px;display:flex}nav button{border:1px solid #fff3;min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--gold);color:#173b46}@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:360px}}@media (width<=720px){header{gap:7px;height:64px;padding:0 10px}header strong{display:none}.hero{padding:5vh 5vw}.hero h1{font-size:52px}.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:450px}.collection-home{padding:6px;font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--premium-accent:#9fd8d4;--premium-phase:0}.premium-skip{z-index:9999;color:#111;letter-spacing:.08em;background:#fff;border-radius:.25rem;padding:.7rem 1rem;font:700 .75rem/1 system-ui;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.premium-skip:focus{transform:none}.premium-live{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:fixed!important;overflow:hidden!important}.stage{isolation:isolate}.premium-field{z-index:1;pointer-events:none;opacity:.22;background:radial-gradient(circle at calc(18% + var(--premium-phase)*58%) 32%,color-mix(in srgb,var(--premium-accent) 46%,transparent) 0 1px,transparent 2px 100%),repeating-linear-gradient(112deg,transparent 0 42px,color-mix(in srgb,var(--premium-accent) 18%,transparent) 43px 44px,transparent 45px 86px);mix-blend-mode:screen;background-size:100% 100%,160% 160%;animation:18s ease-in-out infinite alternate premium-drift;position:absolute;inset:-12%}:root[data-choice-depth="1"] .premium-field{opacity:.31;animation-duration:12s}.premium-transcript{z-index:12;border:1px solid color-mix(in srgb,var(--premium-accent) 50%,transparent);color:#f4f2eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c10e6;width:min(34rem,100% - 2rem);position:absolute;bottom:clamp(5.5rem,12vh,8rem);right:clamp(1rem,3vw,3rem)}.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:#dedbd2;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-drift{to{background-position:100% 30%,80% 100%;transform:translate(2.5%,-1.5%)}}@media (width<=760px){.premium-transcript{width:calc(100% - 2rem);max-height:34vh;margin:1rem;position:relative;bottom:auto;right:auto;overflow:auto}.premium-field{inset:-5%}}@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}}.ultimate-field.monsoon-fleet{z-index:1;pointer-events:none;contain:paint;mix-blend-mode:multiply;position:absolute;inset:0;overflow:hidden}.ultimate-field.monsoon-fleet i{display:block;position:absolute}.ultimate-field.monsoon-fleet .monsoon-vector{opacity:calc(.12 + var(--ultimate-phase)*.28);background:repeating-linear-gradient(14deg,#0000 0 47px,#4f8fa728 49px 51px);animation:11s linear infinite monsoon_fleet_terrain;inset:0}.ultimate-field.monsoon-fleet .sail-pulse{background:linear-gradient(90deg,#0000,#4f8fa7aa 18% 82%,#0000);height:2px;animation:7s ease-in-out infinite monsoon_fleet_route;top:47%;left:-8%;right:-8%}.ultimate-field.monsoon-fleet .fleet-wake{border:1px solid #4f8fa799;border-radius:50%;width:21vmin;height:21vmin;animation:5s ease-in-out infinite monsoon_fleet_system;top:13%;right:9%;box-shadow:0 0 0 17px #4f8fa712}.ultimate-field.monsoon-fleet .capacity-tide{opacity:calc(.1 + var(--ultimate-choice)*.22);background:linear-gradient(-46deg,#0000,#4f8fa718,#0000);animation:13s ease-in-out infinite alternate monsoon_fleet_consequence;inset:0}@keyframes monsoon_fleet_terrain{to{background-position:141px 47px}}@keyframes monsoon_fleet_route{50%{filter:drop-shadow(0 0 8px #4f8fa7);translate:9% -7px}}@keyframes monsoon_fleet_system{50%{opacity:.28;rotate:6deg;scale:1.18}}@keyframes monsoon_fleet_consequence{to{translate:-38%}}