:root{--neon-cyan:#22e0c4;--neon-pink:#ff4f91;--amber:#f2c94c;--bg-deep:#090f14;--panel-bg:#071017e6;--font-display:ui-monospace, "Cascadia Code", "SF Mono", "JetBrains Mono", Consolas, "Liberation Mono", monospace;color:#d7fff7;background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden}.app-shell{background:linear-gradient(#090f14b8,#090f14f5),radial-gradient(circle at 20% 20%,#1cd2b82e,#0000 34%),radial-gradient(circle at 80% 70%,#ff3d8124,#0000 34%),#090f14;place-content:center;gap:10px;width:100vw;min-height:100vh;padding:18px;display:grid}.game-logo{color:#d7fff7e0;font-family:var(--font-display);text-align:center;text-transform:uppercase;letter-spacing:0;text-shadow:0 0 18px #22e0c457;margin:0;font-size:18px;line-height:1}.game-logo span,.game-logo small{display:block}.game-logo small{color:var(--neon-pink);margin-top:4px;font-size:11px;font-weight:700}.game-layout{grid-template-columns:minmax(220px,280px) minmax(420px,720px);align-items:stretch;gap:16px;width:min(1180px,96vw);display:grid}.control-panel{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(#0a1c24e0,#050c12f0),repeating-linear-gradient(0deg,#78ffee0f,#78ffee0f 1px,#0000 1px 12px);border:1px solid #78ffee52;align-content:start;gap:14px;min-height:100%;padding:16px;display:grid;position:relative;box-shadow:0 24px 70px #00000057}.control-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-pink), transparent);opacity:.58;height:2px;animation:2.6s linear infinite data-stream;display:block}.game-panel{aspect-ratio:1;width:min(82vmin,720px);position:relative}.game-panel:after{content:"";z-index:1;pointer-events:none;opacity:.72;background:linear-gradient(#ffffff0d,#0000 18%),repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px),radial-gradient(circle,#0000 58%,#00000052);position:absolute;inset:0}#game-canvas{background:#071017;border:1px solid #78ffee6b;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #ffffff0a,0 24px 70px #0000007a,0 0 54px #27e4cb1f}.hud{border-bottom:1px solid #ff3d8138;gap:12px;padding-bottom:10px;display:grid}.hud-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hud-rail{gap:6px;display:grid}.hud-briefing-button{width:100%;min-height:36px;margin-top:4px;font-size:11px}.hud-metric{color:#d7fff7b8;font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-metric-primary{background:linear-gradient(135deg,#22e0c424,#ff4f910f),#03090d7a;border:1px solid #78ffee47;gap:6px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 0 18px #22e0c414,0 0 18px #22e0c40f}.hud-metric-primary span{color:#d7fff79e;font-size:10px}.hud-metric-primary strong{font-size:clamp(22px,4.6vw,32px);line-height:.95}.hud-metric-secondary{border-bottom:1px solid #78ffee24;padding:7px 0;font-size:11px}.hud-metric strong{color:#d7fff7;text-shadow:0 0 14px #22e0c452}.hud-metric-secondary strong{font-size:15px}.hud-metric[data-status=connected] strong{color:var(--neon-cyan)}.hud-metric[data-status=severed] strong{color:#ff5f6e;text-shadow:0 0 14px #ff5f6e57}.unit-picker{grid-template-columns:1fr;gap:8px;display:grid}.tool-button{text-align:left;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;display:grid}.tool-button,.overlay-panel button{color:#d7fff7;min-height:38px;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;background:#0c1e28f0;border:1px solid #78ffee52;font-size:12px;font-weight:700}.tool-icon{width:28px;height:28px}.tool-name{min-width:0}.tool-cost{color:#d7fff7ad;font-family:var(--font-display);text-transform:uppercase;font-size:12px}.neon-button{color:#d7fff7;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);cursor:pointer;min-height:42px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;background:linear-gradient(#22e0c429,#071017e0),#071017f5;border:1px solid #78ffee7a;padding:10px 18px;font-size:13px;font-weight:800;transition:box-shadow .25s,border-color .25s,transform .12s,color .25s}.neon-button:hover:not(:disabled){border-color:var(--neon-cyan);box-shadow:inset 0 0 18px #22e0c41a,0 0 26px #22e0c438}.neon-button:active:not(:disabled){transform:translateY(1px)}.neon-button:disabled{cursor:not-allowed;color:#d7fff752;box-shadow:none;border-color:#78ffee29}.neon-button-primary{color:#e9fffb;border-color:#22e0c4b8}.neon-button-secondary{background:linear-gradient(#ff4f911f,#071017e6),#071017f5;border-color:#ff4f917a}.tool-button.selected{background:#22e0c43d;border-color:#22e0c4;box-shadow:inset 0 0 18px #22e0c41f,0 0 22px #22e0c424}.tool-button:disabled{cursor:not-allowed;color:#d7fff757;background:#0c1e2870;border-color:#78ffee24}.overlay-root{pointer-events:none;z-index:2;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.overlay-root[hidden]{display:none}.overlay-panel{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);pointer-events:auto;background:linear-gradient(#0c1e28eb,#050c12f5),repeating-linear-gradient(0deg,#ff4f910b,#ff4f910b 1px,#0000 1px 13px);border:1px solid #ffd1e06b;width:min(470px,92%);padding:18px;box-shadow:0 16px 60px #00000085,0 0 30px #ff4f911a}.prep-panel{align-self:start}.terminal-panel{background:linear-gradient(#0a1c24f5,#050c12fa),repeating-linear-gradient(90deg,#78ffee09,#78ffee09 1px,#0000 1px 15px);border-color:#22e0c46b;width:min(530px,94%);box-shadow:0 22px 76px #00000094,0 0 40px #22e0c41f}.overlay-title,.overlay-panel h2{color:#e9fffb;font-family:var(--font-display);text-transform:uppercase;letter-spacing:0;text-shadow:0 0 18px #22e0c447;margin:0 0 8px;font-size:20px}.overlay-panel p{color:#d7fff7c7;margin:0 0 10px}.overlay-taunt{border-left:2px solid var(--neon-pink);color:#d7fff7d6;min-height:2.4em;font-family:var(--font-display);text-transform:uppercase;background:#03090d8f;padding:10px 12px;font-size:12px;line-height:1.35}.overlay-taunt:after{content:"_";color:var(--neon-cyan);animation:.9s steps(2,end) infinite caret-blink}.overlay-countdown{font-family:var(--font-display);color:#ff5f91;text-shadow:0 0 20px #ff4f9161;font-size:34px;font-weight:800}.operator-rating{color:#22e0c4;width:fit-content;font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 18px #22e0c459;border:2px solid;margin:0 0 12px;padding:8px 12px;font-size:22px;display:block;transform:rotate(-2deg)}.terminal-detail{font-family:var(--font-display);text-transform:uppercase}.score-breakdown{border-top:1px solid #78ffee2e;border-bottom:1px solid #78ffee2e;grid-template-columns:1fr auto;gap:10px 18px;margin:14px 0 16px;padding:12px 0;display:grid}.score-breakdown dt,.score-breakdown dd{margin:0}.score-breakdown dt{color:#d7fff7ad}.score-breakdown dd{color:#d7fff7;font-weight:800}.score-breakdown dt,.score-breakdown dd{font-family:var(--font-display)}.terminal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.terminal-actions .neon-button:first-child:nth-last-child(4){grid-column:1/-1}.screen-root[hidden]{display:none}.screen-root{z-index:20;position:fixed;inset:0}.screen{-webkit-backdrop-filter:blur(6px);color:#d7fff7;background:#04090dad;place-items:center;min-height:100dvh;padding:28px;animation:.25s both screen-enter;display:grid}.screen-title{text-align:center;align-content:center;gap:22px}.screen-logo{font-family:var(--font-display);text-transform:uppercase;justify-items:center;gap:8px;display:grid;position:relative}.screen-logo-main{color:#e9fffb;letter-spacing:0;text-shadow:0 0 14px #22e0c485,0 0 36px #22e0c43d;font-size:64px;line-height:.95;display:block;position:relative}.screen-logo-main:before,.screen-logo-main:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.screen-logo-main:before{color:var(--neon-cyan)}.screen-logo-main:after{color:var(--neon-pink)}.screen-logo:hover .screen-logo-main:before{animation:.68s steps(2,end) infinite logo-glitch-cyan}.screen-logo:hover .screen-logo-main:after{animation:.62s steps(2,end) infinite logo-glitch-pink}.screen-logo-subtitle{color:var(--neon-pink);letter-spacing:0;text-shadow:0 0 22px #ff4f916b;font-size:20px;font-weight:800}.screen-logo-scanline{background:#78ffee29;width:min(440px,82vw);height:2px;overflow:hidden}.screen-logo-scanline:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);width:34%;height:100%;animation:1.9s linear infinite logo-scanline;display:block}.screen-tagline{color:#d7fff7d1;max-width:520px;margin:0;font-size:18px}.screen-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.screen-actions .neon-button-primary{min-width:190px;min-height:50px;font-size:15px}.screen-sector-select{align-items:center;overflow-y:auto}.sector-select-panel{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#0a1c24f0,#050c12fa),repeating-linear-gradient(90deg,#78ffee0a,#78ffee0a 1px,#0000 1px 16px);border:1px solid #78ffee61;gap:20px;width:min(900px,94vw);max-height:calc(100dvh - 56px);padding:26px;display:grid;overflow-y:auto;box-shadow:0 28px 80px #00000085,0 0 40px #22e0c41a}.sector-select-header{gap:8px;display:grid}.sector-select-header h2{color:#e9fffb;font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 20px #22e0c44d;margin:0;font-size:28px}.sector-select-header p{color:#d7fff7bd;max-width:640px;margin:0;line-height:1.45}.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.sector-card{color:#d7fff7;cursor:pointer;text-align:left;min-height:248px;font:inherit;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(#0c1e28eb,#03090ddb),#071017f5;border:1px solid #78ffee47;align-content:start;gap:10px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .12s;display:grid}.sector-card:hover:not(:disabled){border-color:#22e0c4b8;box-shadow:0 0 28px #22e0c41f}.sector-card:active:not(:disabled){transform:translateY(1px)}.sector-card:disabled{cursor:not-allowed;filter:grayscale(.78);opacity:.56}.sector-card-index,.sector-card-meta,.sector-card-status{font-family:var(--font-display);text-transform:uppercase;font-size:11px;font-weight:800}.sector-card-index{color:#d7fff785}.sector-card-title{color:#e9fffb;font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 16px #22e0c438;font-size:21px;line-height:1.05}.sector-card-name{color:var(--neon-pink);font-family:var(--font-display);text-transform:uppercase;font-size:12px;font-weight:800}.sector-card-tagline{color:#d7fff7b8;min-height:4.4em;margin:0;line-height:1.45}.sector-card-meta{color:#d7fff7a3;margin-top:auto}.sector-card-status{width:fit-content;color:var(--amber);border:1px solid;padding:5px 8px}.sector-card.cleared .sector-card-status{color:var(--neon-cyan)}.sector-card.locked .sector-card-status{color:#d7fff76b}.screen-footer{color:#d7fff77a;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px}.screen-briefing{align-items:center;overflow-y:auto}.briefing-panel{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#0a1c24f0,#050c12fa),repeating-linear-gradient(0deg,#78ffee0b,#78ffee0b 1px,#0000 1px 14px);border:1px solid #78ffee61;gap:18px;width:min(680px,92vw);max-height:calc(100dvh - 56px);padding:26px;display:grid;overflow-y:auto;box-shadow:0 28px 80px #00000085,0 0 40px #22e0c41a}.briefing-content{gap:16px;display:grid}.briefing-content h2{color:#e9fffb;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;text-shadow:0 0 20px #22e0c44d;margin:0;font-size:24px}.briefing-content p{color:#d7fff7d1;margin:0;font-size:16px;line-height:1.55}.briefing-signal-diagram{background:#03090d70;border:1px solid #78ffee33;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.briefing-signal-line{background:linear-gradient(90deg, var(--neon-cyan), #22e0c433, var(--neon-cyan));height:3px;box-shadow:0 0 18px #22e0c46b}.briefing-list{gap:12px;display:grid}.briefing-row{background:#03090d5c;border:1px solid #78ffee29;grid-template-columns:58px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.briefing-row-copy{gap:4px;display:grid}.briefing-row-copy strong{color:#e9fffb;font-family:var(--font-display);text-transform:uppercase;font-size:14px}.briefing-row-copy span{color:#d7fff7bd;line-height:1.35}.briefing-glyph{width:52px;height:52px;color:var(--neon-cyan);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;box-shadow:inset 0 0 16px color-mix(in srgb, currentcolor 16%, transparent), 0 0 18px color-mix(in srgb, currentcolor 16%, transparent);background:#071017d6;border:1px solid;border-radius:4px;place-items:center;gap:2px;font-size:11px;font-weight:800;display:grid}.briefing-icon{width:34px;height:34px}.briefing-glyph small{color:currentColor;font-size:8px;line-height:1}.briefing-glyph-firewall,.briefing-glyph-probe{color:var(--amber)}.briefing-glyph-turret{color:#4da3ff}.briefing-glyph-core,.briefing-glyph-crawler{color:var(--neon-pink)}.briefing-glyph-spoof{color:#b68cff}.panel-dots{justify-content:center;gap:8px;display:flex}.panel-dots span{background:#78ffee1a;border:1px solid #78ffee85;width:9px;height:9px;transform:rotate(45deg)}.panel-dots span.active{background:var(--neon-cyan);box-shadow:0 0 14px #22e0c494}.briefing-nav{justify-content:space-between;gap:12px;display:flex}.briefing-nav-left{flex-wrap:wrap;gap:10px;display:flex}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-scanline{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes logo-glitch-cyan{0%,to{opacity:0;clip-path:inset(0);transform:translate(0)}20%{opacity:.72;clip-path:inset(0 0 58%);transform:translate(-3px,-1px)}45%{opacity:.6;clip-path:inset(44% 0 24%);transform:translate(2px,1px)}}@keyframes logo-glitch-pink{0%,to{opacity:0;clip-path:inset(0);transform:translate(0)}30%{opacity:.62;clip-path:inset(60% 0 0);transform:translate(3px,1px)}65%{opacity:.48;clip-path:inset(16% 0 52%);transform:translate(-2px,-1px)}}@keyframes data-stream{0%{filter:hue-rotate();transform:translate(-8px)}to{filter:hue-rotate(48deg);transform:translate(8px)}}@keyframes caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}@media (width<=760px){body{overflow:auto}.app-shell{min-height:auto;padding:12px}.game-layout{grid-template-columns:1fr;gap:12px;width:min(100%,560px)}.control-panel{gap:10px;padding:12px}.game-panel{justify-self:center;width:min(100%,720px)}.hud{gap:9px}.hud-hero{gap:8px}.hud-metric-primary{padding:8px}.hud-metric-primary strong{font-size:24px}.hud-rail{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.hud-briefing-button{grid-column:1/-1}.unit-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-button{gap:8px;min-height:42px}.overlay-root{align-items:start;padding:10px}.overlay-panel{width:min(100%,420px);padding:14px}.overlay-countdown{font-size:28px}.screen{padding:16px}.screen-logo-main{font-size:42px}.screen-logo-subtitle,.screen-tagline{font-size:16px}.sector-select-panel{width:min(100%,520px);max-height:100dvh;padding:18px}.sector-grid{grid-template-columns:1fr}.sector-card{min-height:0}.terminal-actions{grid-template-columns:1fr}.terminal-actions .neon-button:first-child:nth-last-child(4){grid-column:auto}.briefing-panel{width:min(100%,420px);max-height:100dvh;padding:18px}.briefing-row{grid-template-columns:48px 1fr;gap:10px}.briefing-glyph{width:46px;height:46px;font-size:10px}.briefing-nav{flex-direction:column-reverse}.briefing-nav-left{display:grid}.briefing-nav .neon-button{width:100%}}@media (width<=420px){.hud-rail{grid-template-columns:1fr}.tool-button{grid-template-columns:24px 1fr}.tool-cost{grid-column:2}}