:root{--neon-cyan:#22e0c4;--neon-pink:#ff4f91;--amber:#f2c94c;--bg-deep:#090f14;--panel-bg:#071017e6;--sector-accent:#22e0c4;--sector-secondary:#ff4f91;--sector-haze:#22e0c429;--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}html[data-sector="2"]{--sector-accent:#62c7e1;--sector-secondary:#ff894c;--sector-haze:#62c7e126}html[data-sector="3"]{--sector-accent:#b68cff;--sector-secondary:#ff2957;--sector-haze:#b68cff29}*{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(180deg, #090f14b8, #090f14f5), radial-gradient(circle at 20% 20%, var(--sector-haze), transparent 34%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--sector-secondary) 15%, transparent), transparent 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-panel:before{content:"";z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb, var(--sector-accent) 46%, transparent);box-shadow:0 0 34px color-mix(in srgb, var(--sector-accent) 16%, transparent), inset 0 0 22px color-mix(in srgb, var(--sector-secondary) 8%, transparent);position:absolute;inset:-2px}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;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-actions{grid-column:1/-1;grid-template-columns:1fr;gap:6px;margin-top:4px;display:grid}.hud-pause-button,.hud-briefing-button{width:100%;min-height:36px;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;grid-template-areas:"icon name cost""icon purpose cost";align-items:center;gap:2px 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{grid-area:icon;width:28px;height:28px}.tool-name{grid-area:name;min-width:0}.tool-purpose{color:#d7fff78a;text-overflow:ellipsis;white-space:nowrap;grid-area:purpose;min-width:0;font-size:9px;font-weight:600;overflow:hidden}.tool-cost{color:#d7fff7ad;font-family:var(--font-display);text-transform:uppercase;grid-area:cost;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}.play-ui{z-index:3;pointer-events:none;position:absolute;inset:0}.play-ui[hidden]{display:none}.build-bar{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#03090de6;border:1px solid #ff4f916b;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-height:40px;padding:4px;display:grid;position:absolute;top:4px;left:4px;right:4px;box-shadow:0 8px 24px #00000052}.build-intel{min-width:0;font-family:var(--font-display);text-transform:uppercase;align-content:center;gap:2px;padding-left:6px;display:grid}.build-intel strong{color:#e9fffb;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.build-intel span{color:#ffd1e0cc;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;overflow:hidden}.build-launch{pointer-events:auto;white-space:nowrap;min-height:36px;padding:6px 12px;font-size:11px}.tool-readout{color:#d7fff7db;min-height:28px;font-family:var(--font-display);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#03090de0;border:1px solid #78ffee4d;place-items:center;padding:5px 10px;font-size:10px;font-weight:700;display:grid;position:absolute;bottom:5px;left:8px;right:8px;overflow:hidden}.tool-readout[data-tone=good]{color:#a4fff3;border-color:#22e0c4b3}.tool-readout[data-tone=bad]{color:#ffd1e0;border-color:#ff5f6eb8}.overlay-cover{pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 38%,#08141cd1,#03070bf2);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.overlay-eyebrow{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#78ffeeb8;margin:0 0 6px;font-size:11px}.start-panel{text-align:center;border-color:#22e0c480}.pause-panel{text-align:center;border-color:#78c8ff73}.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{isolation:isolate;text-align:center;background:linear-gradient(90deg,#03080cf7 0 42%,#03080ca3 66%,#03080ce0),radial-gradient(circle at 78% 40%,#22e0c433,#0000 22%),radial-gradient(circle at 88% 62%,#ff4f9133,#0000 27%),#04090d;align-content:center;gap:22px;position:relative;overflow:hidden}.screen-title:before{content:"";z-index:-2;filter:drop-shadow(-16px 0 28px #22e0c41f);clip-path:polygon(24% 4%,78% 0,88% 24%,76% 39%,96% 100%,10% 100%,22% 52%,12% 30%);opacity:.9;background:radial-gradient(circle at 53% 20%,#d7fff71f 0 8%,#0000 9%),radial-gradient(at 52% 22%,#0d1e28 0 15%,#0000 15.5%),radial-gradient(at 50% 66%,#09141c 0 38%,#0000 38.5%),linear-gradient(112deg,#0000 25%,#22e0c46b 47%,#0000 49%),linear-gradient(72deg,#0000 55%,#ff4f9161 71%,#0000 73%);width:min(48vw,620px);position:absolute;top:8%;bottom:-8%;right:clamp(-90px,2vw,40px)}.screen-title:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(104deg,#0000 0 18px,#d7fff712 19px,#0000 20px 42px);animation:2.4s linear infinite rain-drift;position:absolute;inset:-20%;transform:translateY(-8%)}.screen-title>*{z-index:1;position:relative}.screen-title-kicker{width:fit-content;color:var(--neon-cyan);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#03090dad;border:1px solid #22e0c470;margin:0 auto -12px;padding:5px 9px;font-size:10px;font-weight:800;box-shadow:0 0 20px #22e0c41f}.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{isolation:isolate;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;position:relative;overflow:hidden}.sector-card:before{content:"";z-index:-1;pointer-events:none;opacity:.7;position:absolute;inset:0}.sector-card[data-sector="1"]:before{background:linear-gradient(90deg,#0000 0 58%,#22e0c424),repeating-linear-gradient(0deg,#0000 0 19px,#22e0c412 20px)}.sector-card[data-sector="2"]:before{background:linear-gradient(115deg,#0000 0 36%,#ff894c1f 37% 38%,#0000 39% 55%,#62c7e11f 56% 57%,#0000 58%),radial-gradient(circle at 82% 18%,#ff894c26,#0000 28%)}.sector-card[data-sector="3"]:before{background:repeating-radial-gradient(circle at 82% 30%,#0000 0 20px,#b68cff14 21px 22px),radial-gradient(circle at 82% 30%,#ff29572e,#0000 22%)}.sector-card[data-sector="2"] .sector-card-name,.sector-card[data-sector="2"] .sector-card-status{color:#ffb278}.sector-card[data-sector="3"] .sector-card-name,.sector-card[data-sector="3"] .sector-card-status{color:#c7aaff}.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{isolation:isolate;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;position:relative;overflow-y:auto;box-shadow:0 28px 80px #00000085,0 0 40px #22e0c41a}.briefing-panel:before{content:"";background:linear-gradient(180deg, transparent, var(--sector-accent), var(--sector-secondary), transparent);width:4px;box-shadow:0 0 18px var(--sector-haze);position:absolute;top:18px;bottom:18px;left:0}.terminal-panel[data-result=won]{background:radial-gradient(circle at 88% 8%,#22e0c433,#0000 30%),linear-gradient(#071c1ff5,#040c11fa);box-shadow:0 0 46px #22e0c429,0 26px 70px #00000085}.terminal-panel[data-result=lost]{background:radial-gradient(circle at 88% 8%,#ff295733,#0000 30%),linear-gradient(#220812f5,#08070dfa);box-shadow:0 0 46px #ff295729,0 26px 70px #00000085}.boss-build-bar{background:linear-gradient(90deg,#400514f0,#0f0610f5),#071017f5;border-color:#ff2957d1;animation:1.2s ease-in-out infinite alternate boss-alert;box-shadow:0 0 24px #ff295733,inset 0 0 18px #ff29571f}.boss-build-bar .build-intel strong{color:#ffd1e0}.boss-build-bar .build-launch{color:#ffd1e0;background:#ff29572e;border-color:#ff2957}.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}}@keyframes rain-drift{0%{transform:translateY(-8%)}to{transform:translate(-4%,8%)}}@keyframes boss-alert{0%{border-color:#ff295794}to{border-color:#ffd1e0f0}}html[data-effects-quality=low] .game-panel:after{opacity:.46}html[data-effects-quality=low] .screen-title:after{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.screen-title:after{opacity:.22;transform:none}.screen-logo-scanline:after{transform:translate(90%)}}@media (width<=760px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app-shell{width:100%;height:100dvh;min-height:100dvh;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));align-content:stretch;gap:0}.game-logo{display:none}.game-layout{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;place-items:center stretch;gap:6px;width:100%;height:100%}.control-panel{display:contents}.control-panel:before{display:none}.game-panel{grid-area:2/1;place-self:center;width:min(100%,100dvh - 230px);min-width:0;min-height:0}.hud{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#0a1c24f0,#050c12f5),#071017f5;border:1px solid #78ffee47;grid-area:1/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;box-shadow:0 8px 24px #00000047}.hud-hero,.hud-rail{display:contents}.hud-metric,.hud-metric-primary{background:#03090d80;border:1px solid #78ffee33;align-content:center;justify-items:start;gap:2px;min-width:0;min-height:40px;padding:5px 6px;display:grid}.hud-metric span,.hud-metric-primary span{color:#d7fff794;text-overflow:clip;white-space:nowrap;max-width:100%;font-size:8px;line-height:1;overflow:hidden}.hud-metric strong,.hud-metric-primary strong{text-overflow:clip;white-space:nowrap;max-width:100%;font-size:clamp(11px,3.5vw,16px);line-height:1;overflow:hidden}.hud-metric-secondary{border-bottom:1px solid #78ffee33}.hud-metric[data-hud-metric=sector],.hud-metric[data-hud-metric=phase],.hud-metric[data-hud-metric=intrusions],.hud-metric[data-hud-metric=neutralized]{display:none}.hud-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0}.hud-actions:has(.hud-pause-button[hidden]) .hud-briefing-button{grid-column:1/-1}.hud-pause-button,.hud-briefing-button{min-height:44px;padding:6px 10px;font-size:10px}.unit-picker{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#0a1c24f0,#050c12f5),#071017f5;border:1px solid #78ffee47;grid-area:3/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;box-shadow:0 -8px 24px #00000047}.unit-picker[data-tool-count="5"],.unit-picker[data-tool-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button{grid-template:"icon icon"24px"name cost"/minmax(0,1fr) auto;gap:1px 3px;min-width:0;min-height:54px;padding:3px 4px}.tool-icon{justify-self:center;width:22px;height:22px}.tool-purpose{display:none}.tool-name,.tool-cost{text-overflow:clip;white-space:nowrap;font-size:clamp(8px,2.5vw,10px);line-height:1;overflow:hidden}.tool-cost{justify-self:end}.build-bar{gap:4px;padding:3px;top:3px;left:3px;right:3px}.build-intel{padding-left:4px}.build-intel strong{font-size:9px}.build-intel span{font-size:7px}.build-launch{min-height:38px;padding:5px 8px;font-size:9px}.tool-readout{min-height:25px;padding:4px 6px;font-size:8px;bottom:4px;left:5px;right:5px}.overlay-root{padding:8px}.overlay-panel{width:min(100%,420px);padding:12px}.start-panel .overlay-title,.pause-panel .overlay-title{font-size:clamp(16px,5vw,20px)}.start-panel p,.pause-panel p{font-size:clamp(12px,3.7vw,16px)}.overlay-countdown{font-size:28px}.screen{padding:16px}.screen-logo-main{font-size:42px}.screen-title:before{opacity:.54;width:84vw;right:-28%}.screen-title:after{opacity:.34}.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%}.overlay-root[data-overlay-key^=won],.overlay-root[data-overlay-key^=lost]{z-index:15;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:#03070bf5;display:block;position:fixed;inset:0;overflow-y:auto}.overlay-root[data-overlay-key^=won] .terminal-panel,.overlay-root[data-overlay-key^=lost] .terminal-panel{width:min(100%,530px);margin:0 auto}}@media (width<=760px) and (height<=520px) and (orientation:landscape){.app-shell{padding:calc(4px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left))}.game-layout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(116px,1fr) minmax(240px,calc(100dvh - 24px)) minmax(116px,1fr);gap:6px}.hud{grid-area:1/1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;padding:4px}.hud-actions{grid-column:1/-1;grid-template-columns:1fr}.hud-pause-button,.hud-briefing-button{min-height:38px}.game-panel{grid-area:1/2;width:100%;max-height:100%}.unit-picker,.unit-picker[data-tool-count="5"],.unit-picker[data-tool-count="6"]{grid-area:1/3;grid-template-columns:minmax(0,1fr);align-content:center;padding:4px}.tool-button{grid-template:"icon name cost"/20px minmax(0,1fr) auto;gap:3px;min-height:50px;padding:3px 5px}.unit-picker[data-tool-count="5"] .tool-button,.unit-picker[data-tool-count="6"] .tool-button{min-height:42px}.tool-icon{width:20px;height:20px}.tool-name,.tool-cost{font-size:8px}.overlay-panel{font-size:12px}}.submit-section{border-top:1px solid #22e0c440;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;display:flex}.submit-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--neon-cyan);font-size:.78rem}.submit-row{gap:10px;display:flex}.submit-input{color:#d7fff7;min-width:0;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#04090dcc;border:1px solid #22e0c473;border-radius:6px;flex:1;padding:10px 12px;font-size:.95rem}.submit-input:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 0 2px #22e0c440}.submit-button{flex:none}.submit-status{min-height:1.2em;color:var(--amber);margin:0;font-size:.82rem}.account-panel{flex-direction:column;gap:8px;display:flex}.account-line{color:#d7fff7d1;margin:0;font-size:.85rem}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-actions .account-button{flex:auto;min-height:38px;font-size:11px}.account-row{gap:10px;display:flex}.account-input{color:#d7fff7;min-width:0;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#04090dcc;border:1px solid #22e0c473;border-radius:6px;flex:1;padding:10px 12px;font-size:.95rem}.account-input:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 0 2px #22e0c440}.account-controls{gap:14px;margin-top:2px;display:flex}.account-link{color:#78ffeeb3;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;text-decoration:underline}.account-link:hover{color:var(--neon-cyan)}.account-status{min-height:1.2em;color:var(--amber);margin:0;font-size:.82rem}.account-status[data-kind=success]{color:var(--neon-cyan)}.leaderboard-panel{background:var(--panel-bg);border:1px solid #22e0c459;border-radius:14px;flex-direction:column;gap:16px;width:min(560px,100%);padding:28px;display:flex;box-shadow:0 0 40px #22e0c41f}.leaderboard-notice{color:var(--neon-cyan);background:#22e0c414;border:1px solid #22e0c466;border-radius:8px;margin:0;padding:10px 12px;font-size:.85rem}.leaderboard-header h2{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:.06em;margin:4px 0 0}.leaderboard-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.leaderboard-tab{color:#9fd9cf;font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;background:#04090db3;border:1px solid #22e0c44d;border-radius:6px;padding:8px 6px;font-size:.72rem;transition:border-color .12s,color .12s}.leaderboard-tab:hover{border-color:var(--neon-cyan);color:#d7fff7}.leaderboard-tab.active{border-color:var(--neon-pink);color:var(--neon-pink)}.leaderboard-list{min-height:200px}.leaderboard-empty{text-align:center;color:#7fb8ad;margin:0;padding:24px 0;font-size:.88rem}.leaderboard-table{border-collapse:collapse;width:100%;font-family:var(--font-display)}.leaderboard-table tr{border-bottom:1px solid #22e0c41f}.leaderboard-table td{vertical-align:middle;padding:9px 6px;font-size:.9rem}.leaderboard-rank{width:48px;color:var(--amber);font-weight:700}.leaderboard-handle{color:#d7fff7;letter-spacing:.08em;text-transform:uppercase}.leaderboard-detail{color:#7fb8ad;text-align:right;font-size:.76rem}.leaderboard-score{text-align:right;width:64px;color:var(--neon-cyan);font-weight:700}
