:root{color:#153f49;font-synthesis:none;--ink:#153f49;--ink-soft:#3d6269;--paper:#fff8e9f2;--paper-solid:#fff9ec;--sea:#397784;--sea-deep:#1f5967;--copper:#b76531;--copper-light:#d89355;--foam:#edf8f1;--line:#214e5838;--shadow:#21434b35;background:#dcebe7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#dcebe7,#edf4e9);margin:0}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #dc8a40}.skip-link{z-index:50000;color:#fff;background:var(--sea-deep);padding:10px 14px;position:fixed;top:-60px;left:12px}.skip-link:focus{top:10px}header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f8efe9;align-items:center;gap:14px;height:72px;padding:0 24px;display:flex;position:relative}.brand{text-align:left;min-width:132px;margin-right:auto}.brand b,.brand span{display:block}.brand b{letter-spacing:.2em}.brand span,header>button,header strong,.collection-home{color:var(--ink);letter-spacing:.13em;font-size:9px}.collection-home{white-space:nowrap;border:1px solid;align-items:center;min-height:34px;padding:8px 10px;text-decoration:none;display:inline-flex}.mode-switch{border:1px solid var(--line);background:#d9e9e2;grid-template-columns:repeat(3,auto);gap:3px;padding:3px;display:grid}.mode-switch button{letter-spacing:.09em;min-height:30px;padding:6px 9px;font-size:8px}.mode-switch button.active{color:#fff;background:var(--sea-deep)}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";background:linear-gradient(90deg,#edf7eefa 0 36%,#eaf4e8c9 51%,#eaf4e845 76%,#0000),linear-gradient(#ffffff1c,#1c4d571f);position:absolute;inset:72px 0 0}.hero{width:min(1380px,100%);padding:6vh 6vw 4vh;position:relative}.hero p,article p,.decision p,.investigate p,.laboratory p,.drawer p{color:#a45127;letter-spacing:.19em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.hero h1{color:#16434e;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 24px #fffffff2;max-width:1000px;margin:24px 0 20px;font:600 clamp(52px,7.6vw,110px)/.83 Georgia,serif}.hero h2{color:#31646d;max-width:920px;margin:0;font:italic 400 clamp(26px,3.2vw,46px)/1.08 Georgia,serif}.hero blockquote{color:#294e56;max-width:780px;margin:28px 0;font:20px/1.5 Georgia,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;width:min(1120px,100%);display:grid}.modes button{text-align:left;background:#fff8e9ea;border:1px solid #173e485c;min-height:100px;padding:18px;transition:transform .2s,background .2s,border-color .2s;box-shadow:0 12px 38px #31565d20}.modes button:hover{border-color:var(--copper);background:#fffdf4;transform:translateY(-3px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.13em}.modes span{color:#416269;margin-top:8px;font-size:12px;line-height:1.45}.keyboard-hint{color:#31575e;letter-spacing:.11em;margin-top:18px;font-size:9px;display:block}.stage{--scene-brightness:1.08;--signal-opacity:.5;--integrity:.5;--economy:.5;isolation:isolate;background:#dce9e5;height:calc(100vh - 148px);min-height:560px;position:relative;overflow:hidden}.scene{z-index:-3;filter:brightness(var(--scene-brightness)) contrast(.94) saturate(1.01);background-position:50%;background-size:cover;animation:.72s both scene-enter;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#f5fff00f,#0000 55%,#153e4733),linear-gradient(90deg,#eff8ed38,#0000 62%);position:absolute;inset:0}.stage[data-domain=signal] .scene:after,.stage[data-domain=message] .scene:after{background:linear-gradient(#f3fff20d,#0000 55%,#173f4938),linear-gradient(90deg,#e9f7ef45,#0000 54%,#3e8a8b18)}.stage[data-domain=economics] .scene:after{background:linear-gradient(#fff8e710,#0000 52%,#153f4930),linear-gradient(90deg,#fff3d743,#0000 63%)}.signal-field{z-index:-1;height:64px;opacity:calc(.12 + var(--signal-opacity) * .48);pointer-events:none;mix-blend-mode:screen;align-items:center;gap:7%;display:flex;position:absolute;inset:16% 3% auto}.signal-field i{width:2px;height:calc(12px + var(--signal-opacity) * 42px);background:#ffe1a5;animation:3.2s ease-in-out infinite alternate signal-drift;box-shadow:0 0 12px #f8bb67}.signal-field i:nth-child(2n){height:calc(7px + var(--signal-opacity) * 25px);animation-delay:-.8s}.signal-field i:nth-child(3n){animation-delay:-1.7s}.signal-field:before,.signal-field:after{content:"";pointer-events:none;display:block;position:absolute}.signal-field:before{height:2px;animation:cable-surge calc(5.8s - var(--signal-opacity)*1.8s) linear infinite;background:linear-gradient(90deg,#0000,#ffe1a5 18% 82%,#0000);top:50%;left:-4%;right:-4%;box-shadow:0 0 16px #f8bb67}.signal-field:after{width:22px;height:22px;animation:telegram-packet calc(7s - var(--signal-opacity)*2s) ease-in-out infinite;border:1px solid #c9f0e3;border-radius:50%;top:-10px;left:0;box-shadow:0 0 0 12px #b9eadf12}.stage[data-domain=route] .signal-field{transform:rotate(-4deg)}.stage[data-domain=failure] .signal-field i{animation:1.8s steps(3,end) infinite alternate cable-noise}.stage[data-phase=repair] .signal-field:before{animation-duration:3.6s}@keyframes cable-surge{0%{clip-path:inset(0 100% 0 0)}48%,to{clip-path:inset(0)}}@keyframes telegram-packet{0%{opacity:0;translate:0}12%{opacity:.8}88%{opacity:.8}to{opacity:0;translate:76vw}}@keyframes cable-noise{to{filter:hue-rotate(18deg);translate:9px -5px}}article,.decision,.investigate,.laboratory{z-index:10;background:var(--paper);box-shadow:0 22px 72px var(--shadow);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid #1d4c5655;position:absolute}article{border-left:4px solid var(--copper);width:min(760px,58vw);padding:22px 24px;bottom:5vh;left:4.5vw}article h2,.decision h2,.investigate h2,.laboratory h2{color:var(--ink);margin:8px 0 12px;font:40px/1.07 Georgia,serif}article>span{font:18px/1.52 Georgia,serif;display:block}article small,.decision small,.investigate small,.laboratory small{color:var(--ink-soft);margin-top:13px;line-height:1.55;display:block}article small b,.decision small b,.investigate small b,.laboratory small b{color:#9d4d25}.boundary{border-top:1px solid #9b765f42;padding-top:10px}.decision,.investigate{width:min(520px,47vw);max-height:calc(100% - 8vh - 88px);padding:22px;top:4vh;right:3.5vw;overflow:auto}.decision-context{color:#31575f;font:15px/1.45 Georgia,serif;display:block}.decision-options{gap:7px;margin-top:15px;display:grid}.decision-options button{border:1px solid var(--line);text-align:left;background:#edf4e9b8;gap:5px;min-height:70px;padding:12px 14px;display:grid}.decision-options button:hover{border-color:var(--copper)}.decision-options button.selected{color:#fff;border-color:var(--sea-deep);background:var(--sea-deep)}.decision-options button span{opacity:.88;font-size:11px;line-height:1.35}.lens-tabs{grid-template-columns:repeat(3,1fr);gap:4px;margin:15px 0;display:grid}.lens-tabs button,.station-tabs button,.layer-controls button,.route-selector button{border:1px solid var(--line);letter-spacing:.09em;min-height:36px;padding:7px;font-size:8px}.lens-tabs button.active,.station-tabs button.active,.layer-controls button.active,.route-selector button.active{color:#fff;background:var(--sea-deep)}.finding{border-left:3px solid var(--copper);background:linear-gradient(135deg,#daeae3,#f5e7c9);align-content:center;gap:9px;min-height:136px;padding:18px;display:grid}.finding span{color:#985226;letter-spacing:.13em;font-size:8px}.finding strong{font:18px/1.4 Georgia,serif}.fact-grid{grid-template-columns:repeat(2,1fr);gap:5px;margin:14px 0;display:grid}.fact-grid div{background:#e4efe9d9;min-height:62px;padding:10px}.fact-grid dt{color:#687d7f;letter-spacing:.1em;font-size:7px}.fact-grid dd{margin:5px 0 0;font:13px/1.3 Georgia,serif}.record-finding{border:1px solid var(--copper);color:#8b4726;letter-spacing:.11em;width:100%;min-height:42px;padding:10px;font-size:9px}.record-finding[aria-pressed=true]{color:#fff;background:var(--copper)}.laboratory{width:min(830px,68vw);max-height:calc(100% - 6vh - 86px);padding:20px;top:3vh;left:3vw;overflow:auto}.lab-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.lab-heading h2{margin-bottom:5px}.lab-heading>span{border:1px solid var(--copper);color:#8a492a;letter-spacing:.1em;padding:7px 9px;font-size:8px}.station-tabs{grid-template-columns:repeat(6,1fr);gap:3px;margin:13px 0;display:grid}.station-tabs button{min-height:42px}.lab-content{border:1px solid var(--line);background:#f4f7eec9;min-height:300px;padding:16px}.controls{grid-template-columns:repeat(2,1fr);gap:8px 18px;display:grid}.controls label,.message-input{color:#345a61;letter-spacing:.1em;font-size:8px;font-weight:700;display:block}.controls label>b{float:right;color:#9d4f27;font:18px Georgia,serif}.controls input[type=range]{width:100%;accent-color:var(--copper);margin-top:7px;display:block}.pulse-scope{border:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 17px,#305e6730 18px),linear-gradient(90deg,#d5e8df,#f4ddba);justify-content:space-around;align-items:center;height:88px;margin-top:14px;padding:0 6%;display:flex;overflow:hidden}.pulse-scope i{width:calc(2px + var(--spread) * 17px);height:calc(14px + var(--legibility) * 54px);opacity:calc(.35 + var(--legibility) * .6);filter:blur(calc(var(--spread) * 4px));background:#a74e27;border-radius:50%}.metrics{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;display:grid}.metrics span{background:#dcebe5;min-height:72px;padding:10px}.metrics i,.metrics b{display:block}.metrics i{color:#45666b;letter-spacing:.08em;min-height:18px;font-size:7px}.metrics b{font:24px Georgia,serif}.metrics meter{width:100%;height:7px;accent-color:var(--copper)}.manufacture-lab{grid-template-columns:220px 1fr;align-items:center;gap:15px;display:grid}.cable-section{aspect-ratio:1;background:#8c5c3d;border-radius:50%;place-items:center;width:196px;display:grid;box-shadow:inset 0 0 0 15px #5f6870,0 10px 35px #38535a31}.cable-section i{border-radius:50%;place-items:center;display:grid}.cable-section .armour{background:repeating-conic-gradient(#6d7479 0 8deg, #9ca3a1 9deg 15deg);width:158px;height:158px}.cable-section .serving{background:#6e4c36;width:116px;height:116px}.cable-section .insulator{background:#6e6349;width:82px;height:82px;box-shadow:inset 0 0 0 16px #8e8462}.cable-section .copper{background:#cc814d;width:34px;height:34px;box-shadow:0 0 0 8px #a45c32}.layer-controls{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.lab-explanation{background:#e1ece6;min-height:70px;padding:13px;font:15px/1.4 Georgia,serif;display:block}.assurance-chain,.economics-flow{letter-spacing:.08em;background:#e8efe7;grid-column:1/-1;justify-content:space-between;align-items:center;gap:6px;padding:12px;font-size:8px;display:flex}.manufacture-lab .boundary{grid-column:1/-1}.route-selector{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.route-profile{background:linear-gradient(#dff0e7,#b9d8dc);border-bottom:2px solid #306571;grid-template-columns:auto repeat(4,1fr) auto;align-items:center;gap:0;height:96px;margin:15px 0;padding:10px;display:grid}.route-profile span{letter-spacing:.08em;font-size:7px}.route-profile i{height:1px;transform:translateY(calc(var(--depth,1) * 10px)) rotate(10deg);background:#aa6034}.route-profile i:nth-of-type(2){transform:translateY(25px)rotate(-8deg)}.route-profile i:nth-of-type(3){transform:translateY(32px)rotate(7deg)}.route-profile i:nth-of-type(4){transform:translateY(18px)rotate(-10deg)}.lay-diagram{border:1px solid var(--line);background:linear-gradient(#d7ebe5,#cadfe1);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:86px;margin-top:14px;padding:13px;display:grid}.lay-diagram span,.lay-diagram b,.lay-diagram em{letter-spacing:.08em;font-size:8px}.lay-diagram i{height:calc(2px + var(--load) * 7px);transform:rotate(calc(-6deg + var(--margin) * 12deg));background:linear-gradient(90deg,#a45128,#de9c58)}.lay-diagram em{color:#825035;grid-column:1/-1;justify-self:center}.message-input input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fffdf5;margin-top:7px;padding:9px 12px;display:block}.message-lines{grid-template-columns:repeat(2,1fr);gap:6px;margin:13px 0;display:grid}.message-lines span{background:#dcebe5;min-height:82px;padding:13px}.message-lines i,.message-lines b{display:block}.message-lines i{color:#5b7478;letter-spacing:.11em;font-size:7px}.message-lines b{letter-spacing:.08em;overflow-wrap:anywhere;margin-top:11px;font:17px/1.35 Courier New,monospace}.economics-flow{min-height:60px;margin:14px 0}.economics-flow span{text-align:center;background:#fff9e9;border:1px solid #98745545;padding:9px}.outcome-rail{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f9eee8;border:1px solid #1d4c5650;grid-template-columns:1.6fr repeat(4,1fr);width:min(520px,52vw);display:grid;position:absolute;bottom:16px;right:18px}.outcome-rail>div{border-right:1px solid var(--line);min-height:58px;padding:9px}.outcome-rail>div:last-child{border:0}.outcome-rail span,.outcome-rail b{display:block}.outcome-rail span{color:#587377;letter-spacing:.08em;font-size:7px}.outcome-rail b{margin-top:5px;font:14px/1.2 Georgia,serif}.outcome-rail i{background:linear-gradient(90deg, var(--copper) calc(var(--value) * 100%), #c8d7d2 calc(var(--value) * 100%));width:100%;height:3px;margin-top:7px;display:block}.narration-status{z-index:30;color:#234a53;background:#fff9e8dc;max-width:420px;padding:7px 9px;font-size:9px;position:absolute;top:12px;left:20px}.narration-status:empty{display:none}nav{z-index:50;background:#eef5ec;align-items:stretch;gap:5px;height:76px;padding:8px 12px;display:flex;position:relative;overflow-x:auto}nav>div{flex:1;gap:3px;min-width:max-content;display:flex}nav button{border:1px solid var(--line);min-width:38px;min-height:38px;font-size:8px}nav>button{width:44px;font-size:18px}nav div button{align-content:center;place-items:center;gap:3px;display:grid}nav div button i{color:#687f82;font-size:6px;font-style:normal}nav div button.active{color:#fff;background:var(--copper);border-color:var(--copper)}nav div button.active i{color:#fff9}.drawer{z-index:20000;color:#203f47;background:var(--paper-solid);width:min(620px,100vw);padding:34px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #2346}.drawer>button{float:right;font-size:32px}.drawer h2{margin:12px 0 20px;font:36px/1.1 Georgia,serif}.evidence-key{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.evidence-key span{letter-spacing:.08em;border:1px solid #80533f55;padding:6px 8px;font-size:7px}.drawer a{color:#86503a;border-bottom:1px solid #9d8b775c;padding:13px 0;text-decoration:none;display:block}.drawer a b,.drawer a small{display:block}.drawer a small{color:#526b6f;margin-top:5px}.drawer>.boundary{margin-top:24px}@keyframes scene-enter{0%{opacity:.55;transform:scale(1.014)}to{opacity:1;transform:none}}@keyframes signal-drift{0%{transform:translate(-6px)scaleY(.78)}to{transform:translate(8px)scaleY(1.1)}}@media (width<=1080px){header strong{display:none}.mode-switch button{padding-inline:6px}.laboratory{width:78vw}.station-tabs{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){header{gap:7px;height:64px;padding:0 9px}.brand{min-width:100px}.collection-home{min-height:30px;padding:6px 8px;font-size:8px}.mode-switch{z-index:80;position:fixed;bottom:84px;left:8px;right:8px}.mode-switch button{min-height:38px}.landing:before{inset-top:64px;background:linear-gradient(90deg,#edf7eef5 0 62%,#eaf4e86e)}.hero{padding:5vh 5vw 14vh}.hero h1{font-size:clamp(46px,14vw,64px)}.hero h2{font-size:26px}.hero blockquote{font-size:17px}.modes{grid-template-columns:1fr}.stage{height:calc(100dvh - 140px);min-height:560px}article,.decision,.investigate,.laboratory{width:92vw;max-height:calc(100% - 112px);padding:16px;inset:auto auto 84px 4vw;overflow:auto}article h2,.decision h2,.investigate h2,.laboratory h2{font-size:30px}article>span{font-size:16px}.lab-heading{display:block}.lab-heading>span{margin-bottom:6px;display:inline-block}.lab-content{min-height:280px;padding:12px}.manufacture-lab{grid-template-columns:1fr}.cable-section{justify-self:center;width:160px}.manufacture-lab .boundary,.assurance-chain{grid-column:1}.controls,.message-lines{grid-template-columns:1fr}.route-profile span{font-size:6px}.economics-flow{flex-wrap:wrap}.outcome-rail{grid-template-columns:repeat(4,1fr);width:92vw;bottom:16px;left:4vw;right:auto}.outcome-rail>div:first-child{display:none}.outcome-rail>div{min-height:54px;padding:7px}.outcome-rail b{font-size:13px}nav{height:76px;padding-inline:5px}.drawer{padding:24px}.drawer h2{font-size:31px}}@media (width<=430px){header>button:not(.brand){padding:4px;font-size:7px}.station-tabs{grid-template-columns:repeat(2,1fr)}.fact-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.metrics span{min-height:58px}.route-selector{grid-template-columns:1fr}.assurance-chain{overflow-x:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scene{transform:none!important}}@media (forced-colors:active){.scene{filter:none}.mode-switch button.active,.station-tabs button.active,nav div button.active{outline:2px solid canvastext}}