@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,900;1,900&family=DM+Mono:wght@400;500&display=swap";:root{color:#f3f0df;font-synthesis:none;--acid:#d8ff3e;--blood:#ff4a2d;--panel:#0a100cc7;background:#090d0b;font-family:DM Mono,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#app{-webkit-user-select:none;user-select:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.camera-options{z-index:6;background:var(--panel);border:1px solid #454e3e;gap:4px;padding:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.camera-options button{color:#d3dbcc;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:36px;padding:8px 13px;font-size:10px}.camera-options button[aria-pressed=true]{color:#101912;background:var(--acid)}#app{isolation:isolate;background:#101912;position:relative}#game{touch-action:none;outline:0;width:100%;height:100%;display:block}.brand{z-index:3;pointer-events:none;position:absolute;top:clamp(24px,5vw,56px);left:clamp(22px,5vw,70px)}.eyebrow{color:var(--acid);letter-spacing:.23em;margin-bottom:8px;font-size:10px;font-weight:500;display:block}h1,h2{text-transform:uppercase;font-family:Barlow Condensed,sans-serif}h1{letter-spacing:-.05em;text-shadow:0 4px 18px #000000a6;margin:0;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:.72}h1 em{color:var(--blood);font-style:italic}.telemetry{z-index:3;background:linear-gradient(90deg, transparent, var(--panel));border-top:1px solid #d8ff3e80;gap:clamp(18px,3vw,46px);padding:13px 17px;display:flex;position:absolute;top:clamp(26px,5vw,58px);right:clamp(22px,5vw,70px)}.telemetry div{grid-template-columns:auto auto;align-items:baseline;display:grid}.telemetry span{color:#a4aa9f;letter-spacing:.15em;grid-column:1/-1;font-size:8px}.telemetry strong{font-family:Barlow Condensed,sans-serif;font-size:clamp(26px,4vw,44px);line-height:1}.telemetry small{color:var(--acid);margin-left:5px;font-size:8px}.device-panel{z-index:4;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff21;grid-template-columns:8px minmax(150px,auto) auto;align-items:center;gap:12px;padding:12px;display:grid;position:absolute;bottom:clamp(24px,5vw,56px);right:clamp(20px,4vw,56px)}.status-dot{background:#8c948d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.status-dot.connected{color:var(--acid);background:currentColor}.view-button{z-index:4;color:var(--acid);background:var(--panel);cursor:pointer;text-transform:uppercase;border:1px solid #d8ff3e59;padding:9px 13px;font-size:9px;position:absolute;top:145px;right:clamp(22px,5vw,70px)}.device-panel div{gap:4px;display:grid}.device-panel small{color:#899087;letter-spacing:.16em;font-size:7px}.device-panel strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:10px;font-weight:500;overflow:hidden}.device-panel button,.mission button{color:#0b0f0c;background:var(--acid);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;font-size:10px;font-weight:700}.device-panel button{padding:11px 13px}.device-panel button:hover,.mission button:hover{filter:brightness(1.12)}.device-panel button:disabled{cursor:wait;opacity:.55}.stamina-wrap{z-index:3;width:min(360px,42vw);position:absolute;bottom:clamp(28px,5vw,60px);left:clamp(22px,5vw,70px)}.stamina-copy{color:#c8ccc2;letter-spacing:.12em;justify-content:space-between;margin-bottom:8px;font-size:8px;display:flex}.stamina{background:#00000080;border:1px solid #fff3;height:7px;padding:1px}.stamina i{background:var(--acid);width:100%;height:100%;transition:width .2s,background-color .2s;display:block;box-shadow:0 0 10px #d8ff3e8c}.mission{z-index:5;width:min(520px,100vw - 40px);box-shadow:0 28px 90px #0000008c, inset 3px 0 var(--acid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b08e6;border:1px solid #d8ff3e52;padding:clamp(22px,4vw,40px);transition:opacity .3s,transform .3s;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.mission.hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.mission h2{margin:0 0 8px;font-size:clamp(36px,6vw,60px);font-style:italic;line-height:.9}.mission p{color:#aeb4a9;max-width:430px;margin:0 0 22px;font-size:11px;line-height:1.65}.mission button{text-align:left;width:100%;padding:16px 18px}.mission button span{float:right;font-size:16px;line-height:9px}.mission>small{color:#737b73;text-align:center;margin-top:12px;font-size:8px;display:block}.mode-settings{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.mode-settings label{color:#afb8a8;gap:5px;font-size:9px;display:grid}.mode-settings select{color:#e8eddc;width:100%;font:inherit;background:#161e17;border:1px solid #454e3e;padding:10px;font-size:11px}.appearance-settings{border-top:1px solid #454e3e;margin:12px 0;padding-top:10px}.appearance-settings summary{color:var(--acid);cursor:pointer;margin-bottom:10px;font-size:11px}.appearance-settings small{color:#aeb4a9;margin:8px 0;font-size:9px;display:block}.appearance-settings button{margin-bottom:5px;padding:9px}.mission.character-preview{width:330px;max-height:70vh;padding:18px;bottom:20px;left:auto;right:20px;transform:none}.mission.character-preview>h2,.mission.character-preview>p,.mission.character-preview>.eyebrow{display:none}@media (width<=650px){.mission.character-preview{width:calc(100vw - 40px);max-height:35vh;bottom:10px}}#mode-detail{color:var(--acid);margin-bottom:14px;font-size:9px;line-height:1.5}.target-cell strong{color:var(--acid)}.target-cell strong.below-target{color:var(--blood)}#target-split{grid-column:1/-1;margin:4px 0 0}#target-split:empty{display:none}.run-status{z-index:4;color:#d3dbcc;background:var(--panel);max-width:470px;padding:8px 11px;font-size:10px;position:absolute;top:188px;right:clamp(22px,5vw,70px)}.helper-controls{z-index:4;flex-wrap:wrap;gap:7px;max-width:490px;display:flex;position:absolute;bottom:108px;left:clamp(22px,5vw,70px)}.helper-controls button{color:#ebefdb;background:var(--panel);cursor:pointer;border:1px solid #728345;padding:11px;font-size:10px}.helper-controls button:disabled{opacity:.4;cursor:default}.helper-controls #flare{color:#ffc878;border-color:#c7833f}.helper-controls #demo{touch-action:none;font-size:9px}.helper-controls>span{color:#ffc878;flex-basis:100%;padding:4px 0;font-size:9px}.playing .brand h1{font-size:clamp(38px,5vw,66px)}.mission{max-height:65vh;overflow:auto}.alert{z-index:4;color:#170602;background:var(--blood);letter-spacing:.13em;opacity:0;padding:7px 11px;font-family:Barlow Condensed,sans-serif;font-size:clamp(13px,2vw,20px);font-weight:900;transition:opacity .15s;position:absolute;top:23%;left:50%;transform:translate(-50%,-8px)skew(-7deg)}.alert.visible{opacity:1;animation:.18s infinite alternate glitch}.scanlines{z-index:2;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000e 4px);position:absolute;inset:0}@keyframes glitch{0%{transform:translate(-50%,-8px)skew(-7deg)}to{transform:translate(calc(2px - 50%),-7px)skew(-7deg)}}.asset-credits{z-index:4;color:#858f91;font-size:8px;text-decoration:none;position:absolute;bottom:9px;left:20px}@media (width<=700px){.run-status{font-size:8px;top:234px;left:16px;right:16px}.camera-options{left:16px;right:16px;transform:none}.camera-options button{flex:1;min-height:40px;padding:8px 4px}.helper-controls{gap:5px;max-width:none;bottom:130px;left:16px;right:16px}.helper-controls button{min-height:44px;padding:10px 8px;font-size:9px}.helper-controls #left,.helper-controls #right{min-width:44px}.helper-controls #demo{font-size:8px}.telemetry{gap:12px}.telemetry strong{font-size:27px}.telemetry span{letter-spacing:0;font-size:7px}.telemetry small{font-size:7px}.mode-settings{gap:8px}.view-button{top:66px;right:20px}.brand{top:66px}.brand .eyebrow{display:none}h1{font-size:48px}.telemetry{justify-content:space-between;top:154px;left:16px;right:16px}.device-panel{grid-template-columns:8px 1fr auto;bottom:18px;left:16px;right:16px}.stamina-wrap{width:auto;bottom:92px;left:20px;right:20px}.mission{max-height:50vh;padding:20px;bottom:23%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}