:root{--bg: #090b0d;--surface: #111519;--surface-2: #171c21;--line: #2a3138;--text: #eef2ea;--muted: #78838a;--acid: #d8ff3e;--cyan: #38d9ff;--coral: #ff5b4d;--yellow: #ffc84a;--mono: "DM Mono", Consolas, monospace;--sans: "Noto Sans SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.app-shell{min-height:100dvh;display:grid;grid-template-rows:58px 1fr;background:radial-gradient(circle at 50% 40%,#172027 0,var(--bg) 53%)}.topbar{z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 18px;border-bottom:1px solid var(--line);background:#090b0df0}.brand{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;color:var(--muted)}.brand strong{color:var(--text);font-weight:500}.brand-mark{width:9px;height:9px;background:var(--acid);box-shadow:0 0 14px #d8ff3eb3;transform:rotate(45deg)}.mission{display:flex;align-items:center;gap:10px;font-size:11px}.mission span{color:var(--muted);font-family:var(--mono)}.toolbar{justify-self:end;display:flex;gap:6px}.icon-btn,.speed-btn,.close-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:3px;background:var(--surface);cursor:pointer}.icon-btn:hover,.speed-btn:hover,.close-btn:hover{border-color:var(--acid);color:var(--acid)}.icon-btn.is-active{color:var(--bg);background:var(--acid);border-color:var(--acid)}.icon-btn svg,.close-btn svg{width:16px;height:16px}.speed-btn{width:42px;font:500 11px var(--mono)}.game-layout{min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr) 270px}.panel{position:relative;z-index:5;min-width:0;padding:18px;background:#0c0f12f2}.panel-left{border-right:1px solid var(--line)}.panel-right{border-left:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);font:500 10px var(--mono);color:var(--muted)}.panel-heading b{color:var(--acid);font-weight:500}.core-readout{display:flex;align-items:center;justify-content:space-between;padding:23px 3px;border-bottom:1px solid var(--line)}.core-ring{position:relative;display:grid;place-items:center;width:86px;height:86px;border:1px solid #3b454c;border-radius:50%;background:radial-gradient(circle,rgba(216,255,62,.12),transparent 62%);box-shadow:inset 0 0 0 7px var(--surface),inset 0 0 0 8px #2e363c}.core-ring:before,.core-ring:after{content:"";position:absolute;width:8px;height:8px;border-top:2px solid var(--acid);border-left:2px solid var(--acid)}.core-ring:before{top:4px;left:10px;transform:rotate(-25deg)}.core-ring:after{right:7px;bottom:10px;transform:rotate(155deg)}.core-ring strong{font:500 27px var(--mono);line-height:1}.core-ring span{font:9px var(--mono);color:var(--muted)}.wave-copy{text-align:right}.wave-copy span{display:block;margin-bottom:6px;font-size:10px;color:var(--muted)}.wave-copy strong{font:400 17px var(--mono)}.wave-copy strong b{color:var(--cyan);font-size:29px;font-weight:500}.resource-row{display:flex;justify-content:space-between;align-items:center;height:48px;border-bottom:1px solid var(--line)}.resource-row span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.resource-row svg,.tower-cost svg{width:13px;color:var(--yellow);fill:currentColor}.resource-row strong{font:500 19px var(--mono);color:var(--yellow)}.intel{padding:18px 0}.mini-label{margin-bottom:12px;font:9px var(--mono);color:var(--muted)}.enemy-preview{display:flex;align-items:center;gap:12px}.enemy-glyph{width:35px;height:35px;border:2px solid var(--coral);border-radius:50% 35% 50% 40%;box-shadow:inset 0 0 0 7px var(--surface),inset 0 0 0 9px var(--coral);transform:rotate(45deg)}.enemy-preview div{display:flex;flex-direction:column;gap:4px}.enemy-preview strong{font-size:12px}.enemy-preview span{font-size:9px;color:var(--muted)}.wave-progress{margin:5px 0 14px}.wave-progress>span{display:block;margin-bottom:8px;font:9px var(--mono);color:var(--muted)}.wave-progress>div{height:3px;background:#252b30;overflow:hidden}.wave-progress i{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 8px var(--acid);transition:width .25s ease}.primary-action,.enter-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--acid);border-radius:3px;color:var(--bg);background:var(--acid);font-weight:800;cursor:pointer;box-shadow:0 0 20px #d8ff3e1f}.primary-action:hover,.enter-btn:hover{background:#edff8c}.primary-action:disabled{color:var(--muted);border-color:var(--line);background:var(--surface-2);cursor:default;box-shadow:none}.primary-action svg{width:17px}.primary-action kbd{position:absolute;right:25px;padding:3px 5px;border:1px solid rgba(9,11,13,.25);border-radius:2px;font:8px var(--mono)}.primary-action:disabled kbd{display:none}.field-tip{display:flex;gap:7px;margin:14px 0 0;font-size:9px;line-height:1.5;color:var(--muted)}.field-tip svg{width:13px;flex:0 0 auto}.battlefield-wrap{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;background-color:#0d1114;background-image:linear-gradient(rgba(54,64,70,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(54,64,70,.11) 1px,transparent 1px);background-size:24px 24px}.battlefield-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(4,5,6,.62) 100%);pointer-events:none}#game-canvas{width:100%;height:100%;display:grid;place-items:center}#game-canvas canvas{max-width:100%;max-height:100%;object-fit:contain}.map-meta{position:absolute;z-index:3;display:flex;flex-direction:column;font:8px var(--mono);color:#5b686f;pointer-events:none}.map-meta b{margin-top:3px;font-size:10px;color:#95a1a6;font-weight:500}.map-meta.top-left{left:14px;top:12px}.map-meta.bottom-right{right:14px;bottom:12px;text-align:right}.tower-list{display:grid;gap:7px;padding:16px 0;border-bottom:1px solid var(--line)}.tower-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:7px 10px;border:1px solid var(--line);border-radius:3px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.tower-card:hover,.tower-card.is-selected{border-color:var(--acid);background:#1a201e}.tower-card.is-unaffordable{opacity:.44}.tower-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;color:var(--cyan);background:#38d9ff14}.tower-icon:before,.tower-icon:after{content:"";position:absolute;background:currentColor}.tower-icon:before{width:24px;height:1px}.tower-icon:after{width:1px;height:24px}.tower-icon i{width:12px;height:12px;border:3px solid currentColor;border-radius:50%;z-index:1}.tower-prism{color:var(--coral);background:#ff5b4d14;border-radius:3px;transform:rotate(45deg) scale(.76)}.tower-prism i{border-radius:0}.tower-frost{color:#c1b4ff;background:#c1b4ff14}.tower-frost i{width:16px;height:16px;border-width:1px;transform:rotate(45deg)}.tower-info{display:flex;flex-direction:column;gap:3px}.tower-info strong{font-size:12px}.tower-info small{font-size:9px;color:var(--muted)}.tower-cost{display:flex;align-items:center;gap:3px;font:500 11px var(--mono);color:var(--yellow)}.selection-empty{min-height:228px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.crosshair{display:grid;place-items:center;width:54px;height:54px;margin-bottom:13px;border:1px dashed #3a444a;border-radius:50%}.crosshair svg{width:24px}.selection-empty strong{font-size:11px;color:#a8b0b4}.selection-empty p{max-width:170px;margin:8px 0;font-size:9px;line-height:1.6}.selection-detail{padding:17px 0}.selected-title{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:20px}.selected-title>div{display:flex;flex-direction:column}.selected-title small{font:8px var(--mono);color:var(--muted)}.selected-title strong{font-size:12px}.selected-title>b{font:500 10px var(--mono);color:var(--acid)}.stat-line{display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:8px;margin:11px 0;font-size:9px;color:var(--muted)}.stat-line>div{height:3px;background:#252b30}.stat-line i{display:block;height:100%;width:50%;background:var(--cyan)}.stat-line b{text-align:right;font:500 9px var(--mono);color:var(--text)}.tower-actions{display:grid;grid-template-columns:1fr 40px;gap:7px;margin-top:18px}.tower-actions button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:3px;background:var(--surface-2);font-size:10px;cursor:pointer}.tower-actions button:hover{border-color:var(--acid)}.tower-actions button:disabled{opacity:.4;cursor:default}.tower-actions svg{width:14px}.tower-actions b{color:var(--yellow);font-family:var(--mono)}.shortcuts{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted)}kbd{padding:2px 4px;border:1px solid #3c454b;border-radius:2px;background:var(--surface-2);font:8px var(--mono)}.toast{position:absolute;z-index:10;top:17px;left:50%;transform:translate(-50%,-12px);padding:8px 12px;border:1px solid var(--acid);border-radius:2px;color:var(--acid);background:#090b0de6;font:9px var(--mono);opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:#030405d6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-backdrop.is-open{display:grid}.briefing-modal{width:min(760px,100%);display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #3a4449;border-radius:4px;background:#111519;box-shadow:0 24px 80px #000;overflow:hidden}.briefing-visual{position:relative;min-height:410px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(216,255,62,.05) 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(216,255,62,.05) 30px),#0b0e10}.briefing-visual>span{position:absolute;bottom:22px;font:9px var(--mono);color:var(--muted)}.core-planet{position:relative;width:140px;height:140px;border:1px solid var(--acid);border-radius:50%;background:radial-gradient(circle at 42% 37%,#f0ffac 0 3%,var(--acid) 4% 9%,#24301c 10% 30%,#111714 31% 60%,#080a0b 61%);box-shadow:0 0 50px #d8ff3e2e,inset -16px -16px 30px #000}.core-planet:before,.core-planet:after{content:"";position:absolute;inset:-28px;border:1px dashed #44512b;border-radius:50%;animation:spin 12s linear infinite}.core-planet:after{inset:-55px;border-color:#293238;animation-direction:reverse;animation-duration:18s}.core-planet i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 9px var(--coral)}.core-planet i:nth-child(1){top:-30px;left:68px}.core-planet i:nth-child(2){right:-49px;bottom:35px}.core-planet i:nth-child(3){left:-25px;bottom:11px}.briefing-copy,.result-modal,.help-modal{padding:40px}.eyebrow{font:9px var(--mono);color:var(--acid)}.briefing-copy h1,.result-modal h2,.help-modal h2{margin:10px 0 15px;font-size:39px;letter-spacing:0}.briefing-copy>p,.result-modal>p{margin:0;color:#9ba4a8;font-size:12px;line-height:1.85}.rules{display:grid;gap:11px;margin:24px 0}.rules span{display:grid;grid-template-columns:22px 72px 1fr;align-items:center;font-size:9px;color:var(--muted)}.rules b{color:var(--text);font-size:10px}.rules svg{width:14px;color:var(--cyan)}.enter-btn{min-height:45px}.enter-btn svg{width:16px}.result-modal,.help-modal{position:relative;width:min(450px,100%);border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 24px 80px #000;text-align:center}.result-stats{display:flex;justify-content:center;gap:50px;margin:30px 0}.result-stats span{display:flex;flex-direction:column;gap:4px;font:9px var(--mono);color:var(--muted)}.result-stats b{font-size:28px;color:var(--text)}.help-modal{text-align:left}.close-btn{position:absolute;right:14px;top:14px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-grid p{margin:0;padding:14px;border:1px solid var(--line);font-size:10px;line-height:1.65;color:var(--muted)}.help-grid b{display:block;margin-bottom:3px;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.game-layout{grid-template-columns:205px minmax(0,1fr) 220px}.panel{padding:13px}.shortcuts{left:13px;right:13px}.tower-card{grid-template-columns:36px 1fr auto;padding:6px}.tower-icon{width:32px;height:32px}.core-ring{width:74px;height:74px}.core-ring strong{font-size:22px}}@media(max-width:760px){html,body{overflow:auto}.app-shell{min-height:100dvh;grid-template-rows:52px auto}.topbar{height:52px;padding:0 10px;grid-template-columns:1fr auto}.brand>span:last-child,.mission{display:none}.game-layout{display:flex;flex-direction:column}.battlefield-wrap{order:1;height:min(67vh,560px);min-height:420px}.panel-left{order:2;display:grid;grid-template-columns:80px 1fr 1fr;gap:10px;border:0;border-top:1px solid var(--line)}.panel-right{order:3;border:0;border-top:1px solid var(--line);padding-bottom:48px}.panel-heading,.intel,.field-tip,.shortcuts,.selection-empty,.selection-detail{display:none!important}.core-readout{grid-row:1 / 3;padding:0;border:0}.core-ring{width:66px;height:66px}.wave-copy{display:none}.resource-row{height:38px;border:0}.wave-progress{margin:0}.primary-action{grid-column:2 / 4;min-height:40px}.tower-list{grid-template-columns:repeat(3,1fr);padding:0;border:0}.tower-card{grid-template-columns:34px 1fr;min-height:52px}.tower-cost{grid-column:2}.tower-info small{display:none}.briefing-modal{grid-template-columns:1fr;max-height:92vh;overflow:auto}.briefing-visual{min-height:180px}.core-planet{width:90px;height:90px}.briefing-copy{padding:25px}.briefing-copy h1{font-size:32px}.rules{margin:18px 0}}@media(max-width:420px){.battlefield-wrap{min-height:360px;height:55vh}.tower-info strong{font-size:10px}.tower-card{gap:4px;padding:5px}.help-grid{grid-template-columns:1fr}.help-modal{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}