:root{--glass-bg:#0a0a14a6;--glass-border:#ffffff14;--glass-blur:12px;--accent-blue:#4a9eff;--accent-red:#ff4a5e;--accent-gold:#ffc84a;--accent-green:#4aff8b;--text-primary:#f0f0f5;--text-secondary:#f0f0f599;--text-dim:#f0f0f559;--radius:12px;--radius-sm:8px;--font:"Noto Sans", system-ui, -apple-system, sans-serif;--font-display:"Lexend", "Noto Sans", system-ui, sans-serif}#ui-overlay{pointer-events:none;width:100%;height:100%;font-family:var(--font);color:var(--text-primary);user-select:none;position:absolute;top:0;left:0;overflow:hidden}#ui-overlay *{box-sizing:border-box}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius)}.screen{pointer-events:auto;z-index:100;background:radial-gradient(#0d0d1a 0%,#060610 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.screen.hidden{display:none}.screen h1{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg, var(--accent-blue), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:800}.screen .subtitle{color:var(--text-secondary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:2rem;font-size:1rem}.screen .btn{pointer-events:auto;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);cursor:pointer;text-align:center;min-width:260px;margin:6px 0;padding:14px 48px;font-size:1rem;font-weight:600;transition:all .2s}.screen .btn:hover{border-color:var(--accent-blue);background:#4a9eff26;transform:translateY(-1px)}.screen .btn.primary{border-color:var(--accent-blue);background:#4a9eff1f}.screen .btn.primary:hover{background:#4a9eff40}.selector-label{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.68rem;font-weight:700}.selector-row{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 32px);margin-bottom:1.5rem;display:flex}.selector-row .chip{pointer-events:auto;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 20px;font-size:.8rem;font-weight:600;transition:all .2s}.selector-row .chip.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#4a9eff1a}.selector-row .chip:disabled{pointer-events:none;cursor:default;opacity:.38}.loading-track{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:999px;width:min(420px,100vw - 48px);height:8px;overflow:hidden}.loading-progress{border-radius:inherit;background:var(--accent-blue);width:0;height:100%;transition:width .16s ease-out;box-shadow:0 0 18px #4a9effb3}.loading-status{min-height:1.5em;color:var(--text-secondary);letter-spacing:.04em;text-align:center;margin-top:1rem;font-size:.82rem}.loading-actions{flex-direction:column;margin-top:1rem;display:flex}.loading-actions.hidden{display:none}#hud{pointer-events:none;z-index:50;--glass-bg:#fffffff5;--glass-border:#dadde7;--accent-blue:#1c9fd7;--accent-red:#ee4560;--accent-gold:#b97810;--accent-green:#16a772;--text-primary:#262633;--text-secondary:#596776;--text-dim:#7e8595;--hud-soft:#eef4f7;--hud-edge:#aebbc3;--hud-shadow:0 4px 0 #4e63704d, 0 12px 28px #1b374624;width:100%;height:100%;color:var(--text-primary);position:absolute;top:0;left:0}#hud.hidden{display:none}#hud .glass{border:2px solid var(--glass-border);box-shadow:var(--hud-shadow);border-radius:11px}#hud-topbar{pointer-events:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,24px);width:min(100% - 32px,1030px);min-height:64px;padding:8px 10px 9px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}#hud-topbar .hud-cluster{align-items:center;min-width:0;display:flex}#hud-topbar .hud-identity{justify-self:start;gap:12px}#hud-topbar .hud-status{justify-content:flex-end;justify-self:end;gap:clamp(9px,1.4vw,18px)}#hud-topbar .hud-divider{background:#dfe6eb;width:1px;height:30px}#hud-topbar .hud-label{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;margin-bottom:1px;font-size:.54rem;font-weight:800;line-height:1;display:block}#hud-topbar .hud-phase{align-items:center;gap:8px;min-width:0;display:flex}#hud-topbar .phase-dot{background:#f2b84b;border:2px solid #fff;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 2px #b9781038}#hud-topbar .phase-dot.night{background:var(--accent-blue);box-shadow:0 0 0 2px #1c9fd738}#hud-topbar .phase-name{color:var(--text-primary);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1.15;overflow:hidden}#hud-topbar .hud-time-block{background:var(--hud-soft);text-align:center;border:2px solid #dce5ea;border-radius:8px;justify-self:center;min-width:82px;padding:6px 14px 7px;box-shadow:inset 0 -2px #758b9729}#hud-topbar .timer{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;line-height:1}#hud-topbar .hud-metric{flex:none}#hud-topbar .cycle-block{text-align:center;min-width:34px}#hud-topbar .cycle{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}#hud-topbar .economy-block{grid-template-columns:auto auto;align-items:baseline;column-gap:7px;display:grid}#hud-topbar .economy-block .hud-label{grid-column:1/-1}#hud-topbar .money{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem;font-weight:700}#hud-topbar .income{color:var(--accent-green);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.66rem;font-weight:800}#hud-topbar .hud-actions{flex:none;align-items:center;gap:6px;display:flex}#hud-topbar .skip-btn{pointer-events:auto;min-height:34px;color:var(--text-primary);cursor:pointer;font-family:var(--font);letter-spacing:.02em;background:#fff;border:2px solid #d2d2d7;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:.66rem;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 3px #a6a9ab}#hud-topbar .trajectory-btn{min-width:61px}#hud-topbar .skip-btn:hover{border-color:var(--accent-blue);color:var(--text-primary);background:#f4fbfe;transform:translateY(-1px);box-shadow:0 3px #167da8}#hud-topbar .skip-btn:active{transform:translateY(2px);box-shadow:0 1px #167da8}#hud-topbar .skip-btn:focus-visible{outline-offset:2px;outline:3px solid #1c9fd757}#hud-topbar .control-icon{width:14px;color:var(--accent-blue);font-family:var(--font-display);justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:inline-flex}#hud-topbar .pause-btn.active{background:#fff8e8;border-color:#e1ad42;box-shadow:0 3px #b97810}#hud-topbar .pause-btn.active .control-icon{color:var(--accent-gold)}#hud-topbar .trajectory-btn.active{background:#ecfff7;border-color:#4db993;box-shadow:0 3px #16845f}#hud-topbar .trajectory-btn.active .control-icon{color:var(--accent-green)}#hud-topbar .player-badge{border:2px solid color-mix(in srgb, var(--side-color,#888) 55%, #fff);background:color-mix(in srgb, var(--side-color,#888) 9%, #fff);letter-spacing:.05em;text-transform:uppercase;min-height:32px;color:var(--side-color,var(--text-primary));border-radius:7px;align-items:center;gap:6px;padding:4px 9px 5px 8px;font-size:.64rem;font-weight:800;display:inline-flex}#hud-topbar .player-badge-dot{background:var(--side-color,#888);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--side-color,#888) 18%, transparent);border-radius:50%}.hover-tooltip{pointer-events:none;border:2px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;z-index:10;backdrop-filter:blur(6px);background:#fffffff5;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-size:.7rem;font-weight:700;transition:opacity .1s;display:inline-flex;position:fixed;box-shadow:0 3px #4e637040,0 8px 18px #1b374624}.hover-tooltip.hidden{opacity:0;visibility:hidden}.hover-tooltip-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px}.hover-tooltip-side{letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:800}.weapon-panel{bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;--dock-accent:var(--accent-blue);align-items:stretch;gap:10px;width:max-content;max-width:calc(100% - 28px);padding:9px 10px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.weapon-panel.hidden{display:none}.weapon-panel-header{border-right:1px solid #dfe6eb;flex-direction:column;flex:none;justify-content:center;min-width:116px;padding:0 10px 0 3px;display:flex}.weapon-panel-title{align-items:center;gap:8px;display:flex}.weapon-panel-marker{background:var(--accent-red);border-radius:3px;width:5px;height:34px;box-shadow:0 2px #b92d45}.weapon-panel-marker.defense{background:#2fd792;box-shadow:0 2px #169768}.weapon-panel-eyebrow{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;margin-bottom:2px;font-size:.52rem;font-weight:800;display:block}.weapon-panel h3{color:var(--text-primary);font-family:var(--font-display);white-space:nowrap;margin:0;font-size:.74rem;font-weight:700;line-height:1.15}.order-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:7px 0 0 13px;font-size:.58rem;font-weight:700}.weapon-slots{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:5px;min-width:0;max-width:100%;margin:-5px -1px -3px;padding:5px 1px 3px;display:flex;overflow-x:auto}.satellite-deployment-slots{border-right:1px solid #dfe6eb;flex:none;align-items:center;gap:5px;margin:-5px 3px -3px -2px;padding:5px 8px 3px 0;display:flex}.satellite-card{background:#f8f4ff;border-color:#cdbbea;width:64px;min-width:64px;box-shadow:0 3px #a991ca}.satellite-card:hover:not(:disabled){background:#f2eaff;border-color:#a78bfa}.satellite-card.deployed,.satellite-card:disabled{opacity:.68;cursor:default;background:#eef4f1;border-color:#c8d5d0;transform:none;box-shadow:0 2px #9caea6}.satellite-card .weapon-count{letter-spacing:.025em;min-width:42px;font-size:.48rem}.weapon-slots::-webkit-scrollbar{display:none}.weapon-card{-webkit-appearance:none;appearance:none;width:68px;min-width:68px;height:74px;color:var(--text-primary);cursor:pointer;font-family:var(--font);background:#f7fafc;border:2px solid #dadce7;border-radius:8px;grid-template-rows:1fr auto;place-items:center;margin:0;padding:10px 4px 6px;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 3px #aebbc3}.weapon-card:hover{background:#eef8fc;border-color:#a9d9ec;transform:translateY(-2px)}.weapon-card:active{transform:translateY(2px);box-shadow:0 1px #82949e}.weapon-card:focus-visible{outline-offset:2px;outline:3px solid #1c9fd757}.weapon-card.selected{border-color:var(--dock-accent);background:#e9f8fe;transform:translateY(-4px);box-shadow:0 4px #167da8,inset 0 0 0 2px #fff}.weapon-card.selected:active{transform:translateY(-1px);box-shadow:0 1px #167da8,inset 0 0 0 2px #fff}.weapon-card .weapon-key{width:17px;height:17px;color:var(--text-secondary);font-family:var(--font-display);background:#fff;border:1px solid #d5dee4;border-radius:4px;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;left:4px}.weapon-card .weapon-icon{color:#334b5a;justify-content:center;align-items:center;width:34px;height:34px;margin-top:3px;display:flex}.weapon-card .weapon-icon-svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;width:100%;height:100%;overflow:visible}.weapon-card.selected .weapon-icon{color:#146587}.weapon-card .weapon-name{width:100%;color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.55rem;font-weight:700;line-height:1.1;display:block;overflow:hidden}.weapon-card .weapon-count{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#3d5260;border-radius:4px;min-width:19px;padding:2px 4px;font-size:.5rem;font-weight:800;line-height:1.25;position:absolute;top:4px;right:4px}.weapon-card .weapon-count.zero{background:var(--accent-red);color:#fff}#hud-inventory{width:220px;max-height:calc(100% - 238px);padding:12px 14px 14px;position:absolute;top:96px;right:16px;overflow-y:auto}.combat-section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-blue);margin:0 0 6px;font-size:.7rem;font-weight:800}.combat-section-title.defense{color:var(--accent-green);margin-top:12px}.combat-stat-row{align-items:center;gap:6px;padding:3px 0;font-size:.72rem;display:flex}.combat-stat-row .combat-stat-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.combat-stat-row .combat-stat-col1{text-align:right;font-variant-numeric:tabular-nums;width:32px;color:var(--text-secondary);font-weight:600}.combat-stat-row .combat-stat-col2{text-align:right;font-variant-numeric:tabular-nums;width:32px;color:var(--accent-gold);font-weight:600}.combat-stat-header{border-bottom:1px solid var(--glass-border);margin-bottom:2px;padding-bottom:4px}.combat-stat-header .combat-stat-col1,.combat-stat-header .combat-stat-col2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.65rem;font-weight:600}.combat-stat-total{border-top:1px solid var(--glass-border);margin-top:2px;padding-top:4px}.combat-stat-total .combat-stat-name{color:var(--text-primary);font-weight:800}#hud-instructions{bottom:calc(126px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);color:var(--text-secondary);text-align:center;white-space:nowrap;padding:7px 14px 8px;font-size:.67rem;font-weight:700;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:700px){#hud-topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;width:calc(100% - 20px);top:10px}#hud-topbar .hud-time-block{grid-column:2}#hud-topbar .hud-status{border-top:1px solid #dfe6eb;grid-column:1/-1;justify-content:space-between;justify-self:stretch;width:100%;padding-top:7px}#hud-inventory{max-height:calc(100% - 274px);top:136px;right:10px}.weapon-panel{bottom:max(10px, env(safe-area-inset-bottom));max-width:calc(100% - 20px)}#hud-instructions{bottom:calc(122px + env(safe-area-inset-bottom))}}@media (max-width:560px){#hud-topbar .hud-divider,#hud-topbar .economy-block .hud-label,#hud-topbar .income{display:none}#hud-topbar .hud-identity{gap:8px}#hud-topbar .hud-actions .skip-btn{width:34px;min-width:34px;padding:5px}#hud-topbar .hud-actions .skip-btn>span:last-child{display:none}.weapon-panel{gap:7px;padding-left:8px;padding-right:8px}.weapon-panel-header{min-width:70px;padding-right:7px}.weapon-panel h3,.order-count{display:none}.weapon-card{width:62px;min-width:62px;height:68px}#hud-instructions{text-overflow:ellipsis;font-size:.6rem;overflow:hidden}}.target-marker{border:2px solid var(--accent-red);pointer-events:none;border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out infinite target-pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes target-pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.5)}}.result-title{letter-spacing:.1em;-webkit-text-fill-color:currentColor;margin-bottom:2rem;font-size:4rem;font-weight:800}.stats-block{min-width:300px;margin-bottom:2.5rem}.stat-row{color:var(--text-secondary);border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.stat-row span{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.gameover-buttons{flex-direction:column;align-items:center;gap:8px;display:flex}.minimap-canvas{bottom:calc(155px + env(safe-area-inset-bottom));pointer-events:auto;cursor:pointer;background:#fffffff5;width:200px;height:100px;position:absolute;right:16px}@media (max-width:700px){.minimap-canvas{right:10px;bottom:calc(151px + env(safe-area-inset-bottom))}}@media (max-width:560px){.minimap-canvas{width:160px;height:80px;left:10px;right:auto;bottom:calc(160px + env(safe-area-inset-bottom))}}#combat-summary{pointer-events:auto;z-index:90;width:100%;height:100%;font-family:var(--font);color:var(--text-primary);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}#combat-summary.hidden{display:none}.summary-panel{min-width:340px;max-width:420px;padding:28px 36px}.summary-panel h2{text-transform:uppercase;letter-spacing:.08em;text-align:center;background:linear-gradient(135deg, var(--accent-blue), var(--accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:1.3rem;font-weight:700}.summary-section{margin-bottom:16px}.summary-section h3{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-blue);margin-bottom:6px;font-size:.72rem;font-weight:600}.summary-section:last-of-type h3{color:var(--accent-green)}.summary-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;margin-bottom:2px;padding:3px 0 5px;display:flex}.summary-header .summary-val{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:.62rem;font-weight:600}.summary-row{align-items:center;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.summary-name{color:var(--text-secondary);flex:1}.summary-name.empty{color:var(--text-dim);font-style:italic}.summary-val{text-align:right;font-variant-numeric:tabular-nums;width:60px;color:var(--text-secondary);font-weight:600}.summary-val.hit{color:var(--accent-gold)}.summary-val.intercepted{color:var(--accent-green)}.summary-total{border-top:1px solid var(--glass-border);margin-top:2px;padding-top:5px}.summary-total .summary-name{color:var(--text-primary);font-weight:600}.summary-continue{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent-blue);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font);background:#4a9eff1a;margin-top:20px;padding:12px;transition:all .15s;display:block}.summary-continue:hover{background:#4a9eff40}