:root{--bg: #05070d;--panel: rgba(10, 16, 28, .88);--panel-border: #1d3350;--txt: #cfe3ff;--txt-dim: #6f87a8;--accent: #40c4ff;--hull: #ff5d5d;--shield: #40c4ff;--energy: #ffd84b;--danger: #ff4b4b;font-family:Segoe UI,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg)}#c3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--txt);z-index:10}#hud>div{position:absolute}#topcenter{top:10px;left:50%;transform:translate(-50%);text-align:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:6px 22px;min-width:260px}#sectorname{font-size:15px;letter-spacing:3px;font-weight:600;color:var(--accent)}#gps{font-size:11px;color:var(--txt-dim);margin-top:2px;font-family:Consolas,monospace}#territory{font-size:11px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:6px}#territory-dot{width:9px;height:9px;border-radius:50%;background:#666;display:inline-block}#topleft{top:10px;left:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:10px 12px;width:265px;font-size:12px}.bar-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.bar-label{width:62px;font-size:9px;letter-spacing:1px;color:var(--txt-dim)}.bar{flex:1;height:11px;background:#0a1220;border:1px solid #223c5e;border-radius:3px;overflow:hidden}.bar-fill{height:100%;width:100%;transition:width .12s}.bar-fill.hull{background:linear-gradient(90deg,#c23b3b,var(--hull))}.bar-fill.shield{background:linear-gradient(90deg,#1f7fb0,var(--shield))}.bar-fill.energy{background:linear-gradient(90deg,#c2a52b,var(--energy))}.bar-txt{width:58px;font-size:10px;color:var(--txt-dim);text-align:right;font-family:Consolas}#credits-row{margin-top:6px;font-size:14px;color:var(--energy)}#cargo-row,#ship-row{font-size:11px;color:var(--txt-dim);margin-top:3px}#topright{top:10px;right:10px;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:10px 14px;min-width:190px;text-align:right;font-size:12px}#clock{font-size:20px;font-family:Consolas;color:var(--accent)}#star-info{font-size:10px;color:var(--txt-dim);margin:3px 0 6px}#team-scores .ts-row{display:flex;justify-content:flex-end;gap:8px;align-items:center;font-size:11px;margin-top:3px}.ts-dot{width:9px;height:9px;border-radius:2px}.ts-dead{opacity:.35;text-decoration:line-through}#supernova-warn{margin-top:8px;color:var(--danger);font-weight:700;font-size:13px;animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}#bottomleft{bottom:10px;left:10px}#radar{border-radius:50%;border:2px solid var(--panel-border);background:radial-gradient(circle,#080e1aeb 60%,#0a1426f2);box-shadow:0 0 18px #40c4ff26}#bottomcenter{bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:none}.badge{width:62px;height:62px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;position:relative;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.badge .b-icon{font-size:20px;line-height:1}.badge .b-name{font-size:8px;color:var(--txt-dim);margin-top:3px;letter-spacing:.5px}.badge .b-key{position:absolute;top:2px;left:3px;font-size:13px;font-weight:700;color:#fff;font-family:Consolas;background:#40c4ff4d;border-radius:3px;padding:0 5px;line-height:16px}.badge.active{border-color:var(--accent);box-shadow:0 0 10px #40c4ff80 inset}.badge.oncd{opacity:.85}.badge .b-cd{position:absolute;left:0;bottom:0;width:100%;background:#000000a6;pointer-events:none}.badge.locked{opacity:.28;filter:grayscale(1)}#msglog{left:10px;bottom:250px;width:320px;font-size:11px;display:flex;flex-direction:column-reverse;gap:2px;max-height:180px;overflow:hidden}.log-line{background:#080c1699;padding:2px 8px;border-radius:3px;border-left:2px solid #444}#alert{top:24%;left:50%;transform:translate(-50%);font-size:26px;font-weight:800;letter-spacing:4px;color:var(--danger);text-shadow:0 0 18px rgba(255,60,60,.7);animation:blink .7s infinite}#hint-bar{bottom:84px;left:50%;transform:translate(-50%);font-size:12px;color:var(--accent);background:var(--panel);padding:4px 14px;border-radius:4px;border:1px solid var(--panel-border)}#hint-bar:empty{display:none}#tacticalbar{position:absolute;top:185px;right:10px;z-index:12;width:240px;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:10px;color:var(--txt);font-size:12px}.tb-title{font-size:12px;letter-spacing:3px;color:var(--accent);margin-bottom:8px;text-align:center}.tb-section{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.tb-label{font-size:10px;color:var(--txt-dim);width:100%}.tb-btn{background:#0e1a2e;color:var(--txt);border:1px solid var(--panel-border);border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer}.tb-btn:hover{border-color:var(--accent);color:var(--accent)}.tb-btn.active{background:#16406a;border-color:var(--accent)}#tb-fleets{flex-direction:column;align-items:stretch}.fleet-row{display:flex;justify-content:space-between;align-items:center;gap:4px;background:#0c1626;border:1px solid var(--panel-border);border-radius:4px;padding:3px 7px;font-size:11px;cursor:pointer}.fleet-row:hover{border-color:var(--accent)}.fleet-row .f-mission{color:var(--txt-dim);font-size:10px}.tb-hint{font-size:9px;color:var(--txt-dim);margin-top:4px}#ctxmenu{position:absolute;z-index:40;background:var(--panel);border:1px solid var(--accent);border-radius:6px;min-width:170px;overflow:hidden;box-shadow:0 4px 24px #0009}.ctx-title{padding:5px 12px;font-size:10px;color:var(--txt-dim);background:#0a1424;letter-spacing:1px}.ctx-item{padding:7px 12px;font-size:12px;color:var(--txt);cursor:pointer}.ctx-item:hover{background:#16406a;color:#fff}#selectbox{position:absolute;z-index:30;border:1px solid var(--accent);background:#40c4ff14;pointer-events:none}.side-panel{position:absolute;top:70px;left:10px;z-index:20;width:320px;max-height:75vh;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:12px;color:var(--txt);overflow-y:auto}.side-panel h3{font-size:13px;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.kbd{font-size:10px;background:#0e1a2e;border:1px solid var(--panel-border);padding:1px 6px;border-radius:3px;color:var(--txt-dim);font-family:Consolas}.shop-item,.build-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0c1626;border:1px solid var(--panel-border);border-radius:5px;padding:7px 10px;margin-bottom:6px;cursor:pointer;font-size:12px}.shop-item:hover,.build-item:hover{border-color:var(--accent)}.shop-item.disabled,.build-item.disabled{opacity:.4;cursor:not-allowed}.shop-item .s-desc,.build-item .s-desc{font-size:10px;color:var(--txt-dim);display:block;margin-top:2px}.shop-item .s-price,.build-item .s-price{color:var(--energy);font-family:Consolas;white-space:nowrap}.shop-item.owned{border-color:#3a7d44}#shop-tabs{display:flex;gap:4px;margin-bottom:10px}.shop-tab{flex:1;background:#0c1626;color:var(--txt-dim);border:1px solid var(--panel-border);padding:5px 2px;font-size:10px;cursor:pointer;border-radius:4px}.shop-tab.active{color:var(--accent);border-color:var(--accent)}.panel-hint{font-size:10px;color:var(--txt-dim);margin-top:6px}#spyvignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at center,#00000040 55%,#7800008c);box-shadow:inset 0 0 120px #ff000059}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#03050ad1;color:var(--txt)}#menu{background:radial-gradient(ellipse at 50% 30%,#0a1428,#04060c 75%)}#menu-box,.overlay-box,#help-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:34px 44px;text-align:center;max-width:620px;width:92%;box-shadow:0 8px 60px #000000b3}#game-title{font-size:44px;letter-spacing:10px;color:#fff;font-weight:800}#game-title span{color:var(--accent);font-weight:300}#menu-tagline{color:var(--txt-dim);font-size:12px;margin:6px 0 22px}#menu-opts{text-align:left;margin-bottom:20px}.opt-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.opt-label{width:130px;font-size:11px;color:var(--txt-dim);letter-spacing:1px}.opt-choices{display:flex;gap:5px;flex-wrap:wrap;flex:1}.opt-chip{background:#0c1626;border:1px solid var(--panel-border);color:var(--txt);border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer}.opt-chip:hover{border-color:var(--accent)}.opt-chip.sel{border-color:var(--accent);background:#16406a;color:#fff}.opt-chip.color-chip{width:26px;height:26px;padding:0;border-radius:50%;border-width:2px}.opt-chip.color-chip.sel{box-shadow:0 0 10px currentColor;border-color:#fff}.big-btn{background:linear-gradient(180deg,#1c72b8,#12507f);color:#fff;border:1px solid var(--accent);font-size:17px;letter-spacing:3px;padding:13px 40px;border-radius:7px;cursor:pointer;display:block;margin:0 auto 10px;font-weight:700}.big-btn:hover{background:linear-gradient(180deg,#2488d8,#16609a);box-shadow:0 0 22px #40c4ff66}.small-btn{background:transparent;color:var(--txt-dim);border:1px solid var(--panel-border);font-size:12px;padding:7px 18px;border-radius:5px;cursor:pointer;margin:3px}.small-btn:hover{color:var(--accent);border-color:var(--accent)}#menu-footer{margin-top:16px;font-size:10px;color:var(--txt-dim)}#help-box{max-height:84vh;overflow-y:auto;text-align:left}#help-box h2{text-align:center;letter-spacing:4px;color:var(--accent);margin-bottom:14px}#help-content{font-size:12px;line-height:1.65}#help-content h4{color:var(--accent);margin:12px 0 4px;letter-spacing:1px}#help-content .kbd{margin:0 2px}#go-stats{text-align:left;font-size:12px;margin:14px 0 20px}#go-stats .gs-row{display:flex;gap:8px;align-items:center;margin:4px 0}#go-reason{color:var(--txt-dim);font-size:13px;margin-top:6px}#go-title.win{color:#6dff8a}#go-title.lose{color:var(--danger)}h2{letter-spacing:4px;margin-bottom:18px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1d3350;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.diplo-row{background:#0c1626;border:1px solid var(--panel-border);border-radius:5px;padding:8px 10px;margin-bottom:7px;font-size:12px}.diplo-row .d-head{display:flex;align-items:center;gap:7px;margin-bottom:5px}.diplo-row .d-status{margin-left:auto;font-size:10px;color:var(--txt-dim)}.diplo-row .d-status.allied{color:#6dff8a}.diplo-row .d-btns{display:flex;gap:5px;flex-wrap:wrap}#diplo-offers{position:absolute;right:12px;bottom:110px;z-index:25;display:flex;flex-direction:column;gap:8px;width:270px}.offer-box{background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:10px 12px;color:var(--txt);font-size:12px;box-shadow:0 4px 24px #0009;animation:offerIn .3s ease-out}@keyframes offerIn{0%{transform:translate(40px);opacity:0}}.offer-box .o-title{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:4px}.offer-box .o-btns{display:flex;gap:6px;margin-top:8px}.offer-box .o-timer{color:var(--txt-dim);font-size:10px;margin-left:auto;align-self:center}#flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:radial-gradient(circle,#fff8e8,#ffb35d 60%,#ff502899);opacity:0;transition:opacity 2.2s ease-out}#flash.on{opacity:.95;transition:opacity .05s}#alert.radio-noise{color:#9fdcff;text-shadow:0 0 14px rgba(122,223,255,.8);letter-spacing:6px}.ic{width:12px;height:12px;display:inline-block;vertical-align:-1.5px;margin-right:5px;stroke:currentColor;flex-shrink:0}.b-icon .ic{width:20px;height:20px;margin:0;stroke:#cfe3ff}.o-title .ic{width:11px;height:11px}.ctx-item .ic{width:12px;height:12px;margin-right:7px}#intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:96;background:#02030a}#introCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#intro-label{position:absolute;bottom:12%;left:50%;transform:translate(-50%);color:#9fdcff;font-size:13px;letter-spacing:6px;animation:blink 1.2s infinite}#menu-mp{border-top:1px solid var(--panel-border);margin-top:14px;padding-top:12px;text-align:left}.mp-input{background:#0c1626;border:1px solid var(--panel-border);color:var(--txt);border-radius:4px;padding:5px 8px;font-size:12px;width:130px}.mp-input:focus{outline:none;border-color:var(--accent)}#lobby-code{font-size:30px;letter-spacing:10px;color:var(--accent);font-family:Consolas;margin-bottom:14px}#lobby-players{text-align:left;margin-bottom:18px}#lobby-players .lp-row{display:flex;align-items:center;gap:8px;font-size:14px;margin:5px 0}.mscreen{animation:screenIn .18s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}}#screen-home .big-btn,#screen-salons .big-btn{width:320px;margin-bottom:10px}#radial{position:absolute;z-index:45;width:0;height:0;pointer-events:none}#radial.closing .radial-item{transform:scale(.5);opacity:0}.radial-item{position:absolute;pointer-events:auto;cursor:pointer;width:64px;height:56px;margin-left:-32px;margin-top:-28px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--txt);font-size:9px;text-align:center;line-height:1.15;transition:transform .16s ease-out,opacity .16s ease-out,border-color .1s;animation:radialIn .16s ease-out backwards}.radial-item .ic{width:16px;height:16px;margin:0 0 3px}.radial-item:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.12);z-index:46}.radial-item.disabled{opacity:.35;filter:grayscale(1);cursor:not-allowed}.radial-item.rcenter{width:46px;height:46px;margin-left:-23px;margin-top:-23px;border-radius:50%;background:#16406a;border-color:var(--accent);font-size:8px}@keyframes radialIn{0%{transform:scale(.4);opacity:0}}