@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#b9d0db;background:#020609;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b4efff;outline-offset:5px}main{height:100svh;min-height:640px;position:relative;overflow:hidden}canvas{touch-action:none}main>div:first-child{position:absolute!important;inset:0}header,footer{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:2}header{top:max(30px,env(safe-area-inset-top));font-size:10px;letter-spacing:2px}.brand{color:#cbeaf2;text-decoration:none;font-size:12px;display:flex;gap:14px;align-items:center}.brand:first-letter{font-size:30px}.brand-line{width:1px;height:22px;background:#3b6171}.top-status{color:#7193a2}.signal-dot{display:inline-block;width:5px;height:5px;background:#8fe3ef;box-shadow:0 0 9px #8fe3ef;margin-right:10px;border-radius:50%}.landing{position:absolute;z-index:1;left:10%;top:20%;width:80%;pointer-events:none}.landing button{pointer-events:auto}.eyebrow{color:#729aaa;font-size:10px;letter-spacing:3px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(58px,8.5vw,128px);line-height:.9;font-weight:500;letter-spacing:-5px;color:#e7f3f6;margin:26px 0 22px;position:relative;width:fit-content}h1 span{color:transparent;-webkit-text-stroke:1px #94b9c9}h1 sup{font:12px IBM Plex Mono,monospace;color:#ee7480;letter-spacing:0;position:absolute;top:0;right:-25px}.subtitle{font-size:11px;letter-spacing:3px;color:#90bbcd}.intro{font-family:Space Grotesk,sans-serif;font-size:17px;line-height:1.6;color:#738b99;margin:28px 0}.initialize{background:#b8e6f3;color:#06202c;border:0;min-width:245px;min-height:52px;text-align:left;padding:17px 22px;font-size:11px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .2s}.initialize:hover{background:#e3f7ff}.initialize span{font-size:20px}.instructions{font-size:9px;line-height:2;color:#718d9a;margin-top:16px;letter-spacing:.6px}.specs{display:flex;gap:40px;margin-top:34px}.specs>span{font-size:15px;color:#91bacb}.specs small{display:block;font-size:8px;color:#4e6a78;letter-spacing:1px;margin-top:7px}footer{bottom:max(25px,env(safe-area-inset-bottom));font-size:8px;letter-spacing:1px;color:#4f707f}footer b{color:#ac596b;margin:0 10px}footer button,.controls button{background:transparent;color:#91b4c4;border:1px solid #29424f;padding:11px 14px;font-size:9px;letter-spacing:1px}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#05101828 4px);opacity:.3}.experience-status{position:absolute;top:100px;left:5%;pointer-events:none}h2{font-size:14px;letter-spacing:3px;font-weight:400;margin-top:12px}.system-message{position:absolute;bottom:190px;width:100%;text-align:center;letter-spacing:2px;font-size:10px;pointer-events:none}.alert{color:#eb8291}.alert .signal-dot{background:#eb8291;box-shadow:0 0 9px #eb8291}.controls{position:absolute;bottom:130px;width:100%;display:flex;gap:10px;justify-content:center}.timeline{position:absolute;left:5%;right:5%;bottom:85px}.timeline-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:10px;color:#7193a2}.track{height:2px;background:#213640}.track div{height:2px;background:#aee4f5;box-shadow:0 0 8px #aee4f5;transition:width .1s linear}.look-hint{position:absolute;top:160px;width:100%;text-align:center;font-size:10px;line-height:1.8;color:#8aafbe;pointer-events:none}.ending{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#020609ee;text-align:center}.ending h1{font-size:clamp(36px,6vw,80px);letter-spacing:-2px}.ending p{font-size:12px;color:#7d9baa;margin-bottom:35px}.error{position:absolute;bottom:60px;left:5%;right:5%;text-align:center;color:#ef919f;font-size:12px}.webgl-error{position:absolute;inset:0;padding:100px 20px;color:#ed8196}@media(min-width:1000px){.landing{left:9%;top:17%}.intro{margin:24px 0}.specs{margin-top:26px}}@media(max-width:600px){main{min-height:580px}header,footer{left:6%;right:6%}.top-status{font-size:7px;letter-spacing:.5px}.brand{font-size:10px;gap:8px}.landing{top:22%;left:8%;width:84%}h1{font-size:clamp(51px,13.5vw,81px);letter-spacing:-3px}.eyebrow,.subtitle{font-size:8px;letter-spacing:2px}.intro{font-size:14px;margin:25px 0}.initialize{min-width:230px}.specs{gap:22px;margin-top:26px}.specs small{font-size:6px}.instructions{font-size:8px}footer{font-size:6px}footer button{font-size:7px;padding:9px}.system-message{font-size:8px;letter-spacing:1px;padding:0 22px}.controls{gap:6px}.controls button{font-size:8px;padding:10px}.look-hint{padding:0 20px}}@media(max-height:720px){.landing{top:18%}.intro{margin:17px 0}.specs{margin-top:20px}h1{margin:18px 0}.instructions{margin-top:12px}}.world-impact{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-impact>div{position:absolute;inset:0;transition:opacity .12s linear}.alarm-envelope{background:radial-gradient(ellipse at center,transparent 30%,#ba123a 100%);mix-blend-mode:screen}.impact-light{background:#ffd5c8;mix-blend-mode:screen}.impact-shear{background:linear-gradient(180deg,transparent 35%,#8bbec7 35.2%,transparent 35.7%,transparent 67%,#ec526b 67.2%,transparent 67.5%)}.preferences{display:flex;gap:7px}footer small{color:#85aabc;margin-left:8px}.threat-warning{font-size:clamp(11px,1.4vw,17px);letter-spacing:2px}.ending{background:#000}.look-hint{background:linear-gradient(90deg,transparent,#02060999,transparent)}@media(max-width:600px){footer{left:4%;right:4%}footer>span{max-width:100px;line-height:1.7}.preferences{gap:5px}.preferences button{font-size:6px;padding:9px 7px}.threat-warning{font-size:11px;line-height:1.8}}