:root{color-scheme:dark;font-family:Arial Narrow,Aptos Narrow,sans-serif;background:#030711;color:#dcecff;font-synthesis:none;--cyan: #43e9ff;--cyan-soft: rgba(67, 233, 255, .16);--orange: #ff9b52;--panel: rgba(8, 17, 34, .86);--line: rgba(120, 181, 222, .18)}*{box-sizing:border-box}html,body{margin:0;min-width:1080px;min-height:720px;background:radial-gradient(circle at 50% 35%,rgba(18,77,107,.24),transparent 42%),linear-gradient(160deg,#060c18,#02050d 72%);overflow:auto}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(rgba(92,154,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,154,190,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,black,transparent 80%)}button{font:inherit}.page-shell{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1440px,100vw);min-height:100vh;margin:0 auto;padding:18px 28px 14px}.topbar,.footer-line{display:flex;align-items:center;justify-content:space-between}.topbar{min-height:62px;border-bottom:1px solid var(--line);padding-bottom:14px}.brand-lockup,.topbar-actions{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(67,233,255,.55);background:linear-gradient(145deg,#43e9ff33,#43e9ff08);color:var(--cyan);font:600 16px/1 SFMono-Regular,Consolas,monospace;transform:skew(-7deg);box-shadow:0 0 26px #43e9ff1f}.brand-name{font-size:26px;font-weight:700;line-height:.92;letter-spacing:.16em}.brand-tagline,.build-chip,.eyebrow,.footer-line{font:500 10px/1.2 SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#6f8ca7}.brand-tagline{margin-top:7px}.build-chip{border:1px solid rgba(67,233,255,.22);padding:8px 10px;color:#7ec7d8;background:#43e9ff0d}.icon-button{min-height:32px;padding:0 12px;border:1px solid rgba(112,156,191,.25);border-radius:2px;background:#091527b8;color:#acc5da;cursor:pointer;letter-spacing:.04em}.icon-button:hover,.icon-button:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:none}.icon-button:disabled{border-style:dashed;color:#536b80;cursor:not-allowed;opacity:.72}.icon-button:disabled:hover{border-color:#709cbf40;color:#536b80}.game-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(405px,540px) minmax(200px,1fr);gap:clamp(18px,3vw,48px);align-items:center;flex:1;min-height:0;padding:18px 0}.side-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;max-width:270px}.left-panel{justify-self:end}.right-panel{justify-self:start}.panel-section{position:relative;padding:15px 17px;border-left:1px solid rgba(67,233,255,.3);background:linear-gradient(90deg,var(--panel),rgba(7,15,29,.35))}.panel-section:before{position:absolute;top:0;left:0;width:54px;height:1px;content:"";background:var(--cyan);box-shadow:0 0 8px #43e9ffcc}.score-value{display:block;margin-top:7px;color:#f2f8ff;font:600 27px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.minor-value{display:block;margin-top:5px;color:#7591aa;font:400 15px/1 SFMono-Regular,Consolas,monospace}.divider{height:1px;margin:13px 0;background:var(--line)}.offline-note{display:block;margin-top:10px;color:#59748c;font-size:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-value{display:block;margin-top:6px;font:600 24px/1 SFMono-Regular,Consolas,monospace}.stat-value.accent{color:var(--orange)}.weapon-name,.mission-title{display:block;margin-top:8px;color:#d6e9f8;letter-spacing:.09em}.weapon-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.weapon-dot.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.level-track{display:flex;gap:5px;margin-top:11px}.level-track span{width:26px;height:3px;background:#6f8ca740}.level-track span.active{background:var(--cyan);box-shadow:0 0 8px #43e9ffcc}.panel-copy{margin:8px 0 0;color:#7893a9;font-size:14px;line-height:1.45}.battlefield-frame{position:relative;justify-self:center;width:min(100%,calc((100vh - 142px)*.5625));min-width:405px;max-width:540px;aspect-ratio:9 / 16;padding:5px;border:1px solid rgba(79,160,198,.24);background:#020611;box-shadow:0 32px 80px #00000085,0 0 70px #116b8e14}#game-container,#game-container canvas{display:block;width:100%!important;height:100%!important}.frame-corner{position:absolute;z-index:4;width:18px;height:18px;pointer-events:none}.top-left{top:-2px;left:-2px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.top-right{top:-2px;right:-2px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}.bottom-left{bottom:-2px;left:-2px;border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan)}.bottom-right{right:-2px;bottom:-2px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.game-overlay{position:absolute;z-index:5;inset:5px;display:none;place-items:center;align-content:center;gap:12px;background:#020611fa;text-transform:uppercase}.game-overlay.visible{display:grid}.game-overlay strong{color:#fff;font-size:40px;letter-spacing:.18em}.game-overlay span:last-child{color:#7896ad}.overlay-kicker{color:var(--cyan)!important;font:500 11px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.22em}.tutorial-card{position:absolute;z-index:3;bottom:24px;left:50%;display:flex;width:calc(100% - 44px);padding:14px 16px;border:1px solid rgba(67,233,255,.4);background:#030c18e6;flex-direction:column;gap:4px;text-align:center;transform:translate(-50%);box-shadow:0 12px 30px #00000059;transition:opacity .24s ease}.tutorial-card.hidden{opacity:0;pointer-events:none}.tutorial-card strong{letter-spacing:.05em}.tutorial-card>span:last-child{color:#7896ad;font-size:13px}.status-row{display:flex;align-items:center;gap:8px;margin-top:10px;color:#90a9bd;font:400 11px/1.2 SFMono-Regular,Consolas,monospace}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:#48efac;box-shadow:0 0 7px #48eface6}.status-dot.pending{background:#ffd166}.status-dot.offline{background:#ff6b67}.telemetry dl{margin:8px 0 0}.telemetry dl div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(120,181,222,.09);font:400 10px/1.3 SFMono-Regular,Consolas,monospace}.telemetry dt{color:#5d7890}.telemetry dd{margin:0;color:#a9c2d5}.keymap>div{display:flex;align-items:center;gap:10px;margin-top:8px;color:#7894ab;font-size:12px;letter-spacing:.08em}kbd{min-width:42px;padding:3px 6px;border:1px solid rgba(112,156,191,.28);border-radius:2px;background:#102033cc;color:#c7def0;font:500 10px/1 SFMono-Regular,Consolas,monospace;text-align:center;box-shadow:none}.next-up{opacity:.76}.footer-line{min-height:28px;border-top:1px solid var(--line);color:#405971}@media(max-height:820px){.page-shell{padding-top:10px}.topbar{min-height:52px;padding-bottom:8px}.game-layout{padding:10px 0}.panel-section{padding:10px 13px}.battlefield-frame{width:min(100%,calc((100vh - 105px)*.5625))}.footer-line{display:none}}