@font-face{font-family:Tech;src:url('../assets/fonts/ShareTechMono.woff2') format('woff2');font-display:swap}
@font-face{font-family:Terminal;src:url('../assets/fonts/VT323.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#bdd4bd;--dim:#65796c;--line:#b6d7b329;--amber:#e0b575;--red:#dc7867}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060b09;color:var(--ink);font-family:Tech,monospace;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}[hidden]{display:none!important}#app,#view,.screen,.crt{position:absolute;inset:0;width:100%;height:100%}#view{display:block}.crt{pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,#00000016 0px,#00000016 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 180px 40px #0008}.crt:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#01050380 100%);opacity:.8}#impact{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #c15445;opacity:0;z-index:6}.frame-corner{position:absolute;width:12px;height:12px;border-color:#79918188;border-style:solid;z-index:10;pointer-events:none}.tl{top:19px;left:19px;border-width:1px 0 0 1px}.tr{top:19px;right:19px;border-width:1px 1px 0 0}.bl{bottom:19px;left:19px;border-width:0 0 1px 1px}.br{bottom:19px;right:19px;border-width:0 1px 1px 0}
.topline{position:absolute;top:34px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;z-index:12;font-size:12px;letter-spacing:1px}.wordmark{color:var(--ink);text-decoration:none;font-size:16px;letter-spacing:3px}.wordmark span{color:var(--dim);font-size:12px;letter-spacing:2px;margin-left:12px}.top-right{display:flex;align-items:center;gap:12px;color:#8ca18f;font-size:10px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8d1aa;box-shadow:0 0 9px #b9ffa766}.divider{color:#3d5145;margin:0 8px}#sound{border:1px solid var(--line);background:#07110b66;padding:8px 11px;margin-left:14px;font-size:10px;letter-spacing:1px}#sound:hover{border-color:var(--ink)}
.screen{z-index:7;background:linear-gradient(90deg,#07100dee 0%,#07100dad 36%,#07100d10 75%)}.brief-content{position:absolute;left:8.5%;top:50%;transform:translateY(-47%);max-width:530px}.eyebrow{font-size:11px;letter-spacing:2.6px;display:flex;align-items:center;gap:13px;margin:0 0 25px}.square{width:6px;height:6px;background:var(--ink)}.dim{color:var(--dim)}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(84px,9.7vw,156px);font-weight:800;letter-spacing:-8px;line-height:.95;margin:0 0 23px;color:#d9e0cd}.title-dot{color:#90a38a}.tagline{font-size:15px;letter-spacing:.2px;color:#a9bbaa}.brief-rule{height:1px;width:56px;background:#72907b;margin:28px 0}.brief-copy{font-size:14px;line-height:1.85;color:#95aa98}.assignment{display:flex;flex-direction:column;gap:8px;margin:26px 0}.label{font-size:9px;letter-spacing:2px;color:var(--dim);display:block}.assignment strong{font-weight:400;font-size:17px}.unit-warning{font-size:9px;letter-spacing:1.3px;color:var(--amber)}.primary{width:320px;max-width:100%;border:1px solid #93af94;display:flex;justify-content:space-between;align-items:center;background:#b8d3b5;color:#101d14;padding:17px 20px;letter-spacing:2px;font-size:12px;transition:background .2s}.primary:hover{background:#e0ebd3}.primary:disabled{opacity:.4;cursor:wait}.primary span:last-child{font-size:18px}.brief-note{font-size:10px;color:#728878;margin-top:14px}.brief-side{position:absolute;right:7%;top:43%;font-size:11px;color:#7e9584;line-height:1.7}.brief-side strong{display:block;font-size:19px;color:#a9bda9;font-weight:400;letter-spacing:2px;line-height:1.4;margin:14px 0}.brief-side .label{font-size:8px}.vertical-rule{height:38px;border-left:1px solid #718e71;margin-bottom:24px}.mini-wave{font-size:20px;letter-spacing:2px;opacity:.8;margin:24px 0 9px}.brief-footer{position:absolute;bottom:39px;left:42px;right:42px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#728675}.brief-footer b{font-weight:400;color:#b3c5af;margin-left:12px}
#hud{position:absolute;inset:0;pointer-events:none;z-index:8;text-shadow:0 0 8px #a8ffa222}.hud-top{position:absolute;top:100px;left:43px;right:43px;display:flex;justify-content:space-between}.hud-top h2{font-size:14px;font-weight:400;letter-spacing:1px;margin:9px 0}.sensor{text-align:right;font-size:12px;letter-spacing:2px}.sensor .live-dot{margin-right:9px}.sensor small{display:block;color:var(--dim);font-size:9px;letter-spacing:1px;margin-top:10px}.left-gauge,.right-gauge{position:absolute;top:36%;font-size:11px;display:flex;flex-direction:column;gap:12px}.left-gauge{left:43px}.right-gauge{right:43px;text-align:right}.left-gauge strong,.right-gauge strong{font-size:31px;font-weight:400}.left-gauge strong small,.right-gauge strong small{font-size:11px;margin-left:6px;color:var(--dim)}.gauge-ticks{height:100px;width:14px;border-left:1px solid #93b79466;background:repeating-linear-gradient(to bottom,#99b99866 0px,#99b99866 1px,transparent 1px,transparent 10px);margin:8px 0}.hull-track{width:70px;height:3px;background:#49634d55;margin:5px 0 24px}#hull-bar{height:100%;background:#b8d1a8;width:100%}#reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;opacity:.55}#reticle i{position:absolute;width:7px;height:7px;border:solid #bed7b4}#reticle i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}#reticle i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}#reticle i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}#reticle i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}#reticle span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#b5c4a8}
#interaction{position:absolute;top:58%;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:1px;text-align:center;color:var(--amber);width:300px}#interaction>div{height:3px;background:#dab07933;margin:12px auto;width:180px}#arm-bar{height:100%;width:0;display:block;background:var(--amber)}#alert{position:absolute;top:24%;left:20%;right:20%;text-align:center;font-size:13px;letter-spacing:2px;color:var(--amber)}#countdown{position:absolute;right:43px;bottom:210px;text-align:right;color:var(--amber)}#countdown strong{display:block;font-size:44px;font-weight:400;margin:7px 0}#countdown>span:last-child{font-size:9px;letter-spacing:1px}#comms{position:absolute;bottom:134px;left:43px;max-width:min(660px,70vw);display:flex;align-items:center;gap:17px;opacity:0;transition:opacity .4s}#comms.on{opacity:1}#comms .label{font-size:9px;color:#b4c8a9}#dialogue{font-size:16px;line-height:1.4;color:#c2d5b8;margin:8px 0 0}#isao-face{flex-shrink:0;width:48px;height:44px;border:1px solid #9db99366;background:#233b2766;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 15px #b4ff6e0b;font-size:26px;line-height:13px;color:#bee49d}#isao-face span:last-child{font-size:17px}#isao-face.worried{color:var(--amber);border-color:#ac8959}
.hud-bottom{position:absolute;bottom:35px;left:43px;right:43px}.controls{display:flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:8px;color:#708674;letter-spacing:.7px}.controls span{white-space:nowrap}kbd{font:inherit;color:#b5c8ad;font-size:9px;margin-right:5px}.coordinates{display:flex;justify-content:space-between;color:#708674;font-size:9px;letter-spacing:1px;margin-top:14px}#depth-key{position:absolute;right:0;bottom:70px;display:flex;align-items:center;gap:8px;font-size:8px;color:#809785}#depth-key i{width:90px;height:3px;background:linear-gradient(90deg,#adb39c,#647969,#3e514a)}
.modal{position:absolute;inset:0;background:#050c09da;backdrop-filter:blur(9px);z-index:15;display:grid;place-items:center}.modal-panel{width:430px;max-width:85vw}.modal-panel h2{font-family:Arial,Helvetica,sans-serif;font-size:64px;letter-spacing:-3px;line-height:1;margin:22px 0;color:#d9e0cd}.modal-panel p:not(.eyebrow){font-size:14px;line-height:1.7;color:#99af9c}.modal-panel .primary{margin-top:30px}.text-button{border:0;background:transparent;padding:19px 0;color:var(--dim);font-size:10px;letter-spacing:1px}.modal-panel .help{font-size:10px!important;color:#647e6b!important;line-height:1.9!important;margin-top:20px}#ending-stats{font-size:11px;letter-spacing:1px;color:var(--amber);border-top:1px solid var(--line);padding-top:20px;margin-top:25px}#load-error{position:absolute;z-index:30;inset:20%;background:#101c14;padding:40px;border:1px solid var(--amber);line-height:1.8}
@media(max-height:740px){.brief-content{transform:translateY(-43%)}h1{font-size:100px}.eyebrow{margin-bottom:18px}.brief-rule{margin:18px 0}.assignment{margin:20px 0}.brief-copy{font-size:12px}.brief-note{margin-top:10px}.hud-top{top:85px}#comms{bottom:110px}.gauge-ticks{height:60px}}
@media(max-width:900px){.brief-side{display:none}.brief-content{left:9%}.topline{left:28px;right:28px}.top-right{font-size:8px;gap:8px}.wordmark{font-size:13px}.wordmark span{font-size:9px;margin-left:4px}.brief-footer{left:28px;right:28px}.brief-footer span:last-child{display:none}.controls{gap:10px;flex-wrap:wrap;font-size:7px}.left-gauge,.hud-top{left:28px}.right-gauge{right:28px}.hud-bottom{left:28px;right:28px}#comms{left:28px;bottom:140px}#dialogue{font-size:13px}.top-right>.live-dot,.top-right .divider{display:none}}
@media(prefers-reduced-motion:reduce){.crt{box-shadow:inset 0 0 80px #0008}*{transition:none!important}}

#lidar-options{position:absolute;right:43px;bottom:132px;pointer-events:auto;background:#06100cdd;padding:12px;border:1px solid var(--line);text-shadow:none}#lidar-options>div{display:flex;gap:6px;margin-top:8px}#lidar-options button{font-size:8px;letter-spacing:1px;border:1px solid var(--line);background:transparent;padding:9px;color:var(--dim)}#lidar-options button.active{color:var(--ink);border-color:var(--ink)}#lidar-options button:disabled{opacity:.3;cursor:default}