:root{color:#173f48;font-synthesis:none;--ink:#173f48;--deep:#215a66;--coral:#d96858;--mint:#d8f1e7;--cyan:#cbeff1;--gold:#cf9a45;--paper:#fffaf0ef;background:#edf8f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(135deg,#e5f5ee,#dff3f3);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-offset:3px;outline:3px solid #e37c65}.stage[data-choice-state=engaged] .scene:after{background-color:#db6f8b24;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}.immune-atmosphere i,.immune-atmosphere span{display:block;position:absolute}.barrier-wave{height:13%;opacity:calc(.18 + var(--integrity)*.45);border-top:3px solid #7ce4cc88;border-radius:50%;animation:5s ease-in-out infinite barrier-flex;bottom:9%;left:-4%;right:-4%}.signal-gradient{background:radial-gradient(circle at calc(18% + var(--progress)*62%) 42%,#ff80652b 0 4%,transparent 23%),radial-gradient(circle at 68% 34%,#6fe0d522,transparent 31%);opacity:calc(.18 + var(--innate)*.58);animation:6.8s ease-in-out infinite alternate signal-diffuse;inset:0}.memory-ring{width:24vmin;height:24vmin;opacity:calc(.1 + var(--adaptive)*.55 + var(--decision-energy)*.1);border:1px solid #9cebd899;border-radius:50%;animation:5.4s ease-in-out infinite memory-form;top:12%;right:8%;box-shadow:0 0 0 14px #66d5c30c,0 0 0 30px #66d5c308}.immune-atmosphere span{width:7px;height:7px;left:calc(7% + var(--n,0)*15%);top:calc(18% + (var(--n,0)%3)*21%);opacity:calc(.12 + var(--challenge)*.44);animation:cell-patrol calc(7s + var(--n,0)*.8s) ease-in-out infinite alternate;background:#fff2c8;border-radius:50% 48% 55% 42%}.immune-atmosphere span:nth-of-type(2){--n:1}.immune-atmosphere span:nth-of-type(3){--n:2}.immune-atmosphere span:nth-of-type(4){--n:3}.immune-atmosphere span:nth-of-type(5){--n:4}.immune-atmosphere span:nth-of-type(6){--n:5}@keyframes barrier-flex{50%{transform:translateY(-6px)scaleX(1.03)}}@keyframes signal-diffuse{to{filter:blur(9px);scale:1.08}}@keyframes memory-form{50%{rotate:6deg;scale:1.08}}@keyframes cell-patrol{to{translate:18vw calc(-12vh + var(--n,0)*4vh);rotate:130deg}}header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3fcf7e8;border-bottom:1px solid #17485233;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:#174852;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,#edf9f1e8 0 46%,#eaf8ef5e 67%,#ffffff0a);position:absolute;inset:72px 0 0}.hero{max-width:1380px;padding:5.5vh 6vw;position:relative}.hero p,article p,.system p,.decision p,.investigate p,.drawer p{letter-spacing:.2em;color:#b84f47;font-size:10px}.hero h1{color:#194f58;text-wrap:balance;text-shadow:0 4px 24px #fff;max-width:950px;margin:22px 0;font:600 clamp(54px,7.8vw,112px)/.82 Georgia,serif}.hero h2{color:#2a6670;max-width:930px;font:italic 400 clamp(25px,3vw,43px)/1.1 Georgia,serif}.hero blockquote{color:#315b61;max-width:760px;margin:28px 0;font:20px/1.5 Georgia,serif}.modes{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1080px;display:grid}.modes button{text-align:left;background:#fff9eeeb;border:1px solid #1d596455;min-height:92px;padding:18px;transition:transform .2s,background .2s;box-shadow:0 12px 38px #3c6d7022}.modes button:hover{background:#fff;transform:translateY(-2px)}.modes b,.modes span{display:block}.modes b{letter-spacing:.12em}.modes span{color:#3f656b;margin-top:8px;font-size:12px;line-height:1.4}.stage{background:#dff2ed;height:calc(100vh - 132px);position:relative;overflow:hidden}.scene{filter:brightness(1.1)contrast(.92)saturate(.96);background-position:50%;background-size:cover;animation:.8s both scene-in;position:absolute;inset:0}.scene:after{content:"";background:linear-gradient(#f4fff30f,#0000 62%,#174a5429 100%),linear-gradient(90deg,#effcf038,#0000 62%);position:absolute;inset:0}article{z-index:5;background:var(--paper);border-left:3px solid var(--coral);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(750px,60vw);padding:21px 23px;position:absolute;bottom:5vh;left:5vw;box-shadow:0 18px 55px #234e5733}article h2{color:#173f48;margin:9px 0 12px;font:43px/1.08 Georgia,serif}article>span{font:18px/1.52 Georgia,serif;display:block}article small,.system small,.decision small,.investigate small{color:#3a5e64;margin-top:13px;line-height:1.55;display:block}article small b,.system small b,.investigate small b{color:#ae4d43}.system,.decision,.investigate{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffaf0f0;border:1px solid #1f5a6455;width:450px;padding:22px;position:absolute;top:4vh;right:3vw;box-shadow:0 22px 72px #2856603d}.system h3,.decision h3,.investigate h3{margin:6px 0 11px;font:31px/1.08 Georgia,serif}.system label{letter-spacing:.13em;margin:14px 0;font-size:9px;display:block}.system label>b{float:right;color:#b55049}.system input{width:100%;accent-color:var(--coral);margin-top:7px;display:block}.switches,.lens-tabs{grid-template-columns:repeat(2,1fr);gap:5px;margin:14px 0;display:grid}.switches button,.lens-tabs button{letter-spacing:.1em;border:1px solid #315f6850;min-height:35px;font-size:8px}.switches button.active,.lens-tabs button.active{background:var(--deep);color:#fff}.lens-tabs{grid-template-columns:repeat(3,1fr)}.investigate>strong{background:linear-gradient(135deg, var(--mint), var(--cyan));text-align:center;border:1px solid #34727a42;place-items:center;min-height:105px;padding:18px;font:20px/1.35 Georgia,serif;display:grid}.network-map{background:linear-gradient(90deg,#d9f0e4,#d5eef1);border:1px solid #2b69714a;height:72px;margin:12px 0;position:relative;overflow:hidden}.network-map:before,.network-map:after{content:"";background:#33818b;height:1px;position:absolute;top:50%;left:9%;right:9%;transform:rotate(7deg)}.network-map:after{background:#ce7d56;transform:rotate(-7deg)}.network-map i{z-index:2;background:#fff;border:4px solid #6fb8ad;border-radius:50%;width:22px;height:22px;margin:25px 8%;display:inline-block;position:relative}.network-map i:nth-child(2n){border-color:#d77a61}.network-map span{background:#f0c466;border-radius:50%;width:30px;height:30px;position:absolute;inset:21px auto auto 48%;box-shadow:0 0 0 9px #fff9}.metrics{grid-template-columns:repeat(4,1fr);gap:3px;margin-top:14px;display:grid}.metrics span{background:#deefe9;min-height:62px;padding:9px}.metrics i,.metrics b{display:block}.metrics i{color:#49686c;font-size:7px}.metrics b{margin-top:5px;font:22px Georgia,serif}.decision button{text-align:left;border-bottom:1px solid #20565e33;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:15px 0;display:flex}.decision button:hover{color:#b34e45}.state-rail{z-index:7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f7fff0d6;border:1px solid #1c596244;grid-template-columns:repeat(4,minmax(58px,1fr));max-width:390px;display:grid;position:absolute;bottom:18px;right:18px}.state-rail span{border-right:1px solid #245b6330;padding:9px 12px}.state-rail span:last-child{border:0}.state-rail i,.state-rail b{display:block}.state-rail i{letter-spacing:.08em;font-size:7px}.state-rail b{margin-top:2px;font:20px Georgia,serif}.drawer{z-index:20000;color:#203f47;background:#fffaf0;width:min(580px,100vw);padding:36px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-30px 0 90px #2346}.drawer>button{float:right;font-size:30px}.drawer h2{font:36px/1.1 Georgia,serif}.drawer a{color:#955047;border-bottom:1px solid #9d8b7766;padding:14px 0;display:block}.drawer small{margin-top:24px;line-height:1.7;display:block}nav{z-index:50;background:#f0f8f2;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 #214b5838;min-width:31px;min-height:32px;font-size:8px}nav button.active{background:var(--coral);color:#fff}.trace{z-index:60;letter-spacing:.08em;background:#fff8e8e8;max-width:56vw;padding:10px;font-size:8px;position:fixed;bottom:62px;right:12px}@keyframes scene-in{0%{opacity:.55;transform:scale(1.014)}to{opacity:1;transform:none}}@media (width<=760px){header{gap:7px;height:64px;padding:0 10px}header strong{display:none}.hero{padding:5vh 5vw}.hero h1{font-size:51px}.modes{grid-template-columns:1fr}.stage{height:calc(100vh - 124px)}article{width:92vw;max-height:57%;padding:15px;bottom:3vh;left:4vw;overflow:auto}article h2{font-size:31px}.system,.decision,.investigate{width:92vw;max-height:68%;top:auto;bottom:3vh;right:4vw;overflow:auto}.state-rail{display:none}nav{padding:0 6px;overflow:auto}nav>div{min-width:max-content}.collection-home{padding:6px;font-size:8px}.trace{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}