:root{--player: #4ea8ff;--player-dim: #1c4a78;--ai: #ff5a52;--ai-dim: #7a2723;--neutral: #9aa6b2;--bg: #05060d;--panel-bg: rgba(12, 16, 28, .85);--border: rgba(120, 150, 200, .25);--text: #dce6f5;--muted: #8593a8;--gold: #ffd166}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;cursor:crosshair;touch-action:none}#hud-top{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));background:linear-gradient(180deg,#05070feb,#05070f00);pointer-events:none;z-index:10}#hud-top .spacer{flex:1}#hud-top .ctl{pointer-events:auto}.speed{display:inline-flex;gap:3px}.spd{padding:6px 8px;font-size:12px;font-variant-numeric:tabular-nums;min-width:34px;background:#28375580}.spd.active{background:var(--player);color:#04101f;border-color:var(--player);font-weight:700}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;line-height:0}.icon-btn svg{width:18px;height:18px;display:block}#settings-menu{position:fixed;top:calc(52px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;z-index:15}#settings-menu .set-row{text-align:left}#settings-menu .diff-label{margin-bottom:6px}.stat{display:flex;flex-direction:column;line-height:1.1}#stat-credits{position:relative}.stat .label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stat .value{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.stat.enemy .value{color:var(--ai)}.stat .rate{position:absolute;top:100%;left:0;margin-top:3px;font-size:10px;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1;background:#2837558c;border:1px solid var(--border);border-radius:5px;padding:2px 6px;white-space:nowrap}button{font-family:inherit;cursor:pointer;border-radius:7px;border:1px solid var(--border);background:#28375599;color:var(--text);padding:7px 12px;font-size:13px;transition:background .12s,border-color .12s,transform .05s;touch-action:manipulation}button>*{pointer-events:none}button:hover:not(:disabled){background:#3c5582cc;border-color:var(--player)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--player);color:#04101f;font-weight:700;border:none;padding:12px 28px;font-size:16px}button.primary:hover{background:#6fbcff}#panel,#supply-panel{position:fixed;left:0;top:0;width:min(300px,calc(100vw - 16px));display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #00000073;z-index:12}.send-frac{display:flex;align-items:center;gap:10px}.frac-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.frac-options{display:inline-flex;gap:6px}.frac{font-size:12px;padding:6px 9px;background:#28375580}.frac.active{background:var(--player);color:#04101f;border-color:var(--player);font-weight:700}.rate-options{display:inline-flex;gap:6px}.rate{font-size:12px;padding:7px 10px;background:#28375580}.rate.active{background:var(--player);color:#04101f;border-color:var(--player);font-weight:700}.panel-info{min-width:0}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}#panel-name{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-tag{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:3px 7px;border-radius:5px;background:var(--neutral);color:#04101f;font-weight:700}.owner-tag.player{background:var(--player)}.owner-tag.ai{background:var(--ai)}.panel-stats{display:flex;flex-wrap:wrap;gap:5px 14px}.chip{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;color:var(--muted)}.chip .k{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.chip b{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.panel-actions,.abilities{display:flex;flex-wrap:wrap;gap:8px}.abil svg{color:#b388ff}.abil small.cooling{color:var(--muted)}.abil small.cooling:before{content:"⟳ ";margin-right:0}.act{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px;padding:8px 6px;background:#28375599}.act{min-width:60px}.act svg{width:22px;height:22px;display:block}.act small{color:var(--gold);font-weight:700;font-size:10px;white-space:nowrap;line-height:1}.act small:before{content:"◈";margin-right:2px}#toast{position:fixed;left:50%;top:calc(54px + env(safe-area-inset-top));transform:translate(-50%);background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;color:var(--text);z-index:30;pointer-events:none;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03050cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.overlay-card{max-width:460px;max-height:90vh;overflow-y:auto;background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:30px 34px;text-align:center}@media (min-width: 760px){.overlay-card{max-width:740px;padding:34px 44px}.opt-grid{grid-template-columns:repeat(3,1fr)}}.overlay-card h1{margin:0 0 8px;font-size:34px;letter-spacing:.02em;background:linear-gradient(90deg,var(--player),#b388ff);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay-card p{color:var(--muted);margin:0 0 16px}.overlay-card ul{text-align:left;color:var(--text);font-size:13px;line-height:1.6;padding-left:18px;margin:0 0 22px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:20px;text-align:left}.difficulty{margin:4px 0 22px}.opt-grid .difficulty{margin:0}.diff-options{flex-wrap:wrap}.diff-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.diff-options{display:inline-flex;gap:6px}.diff{background:#28375580}#size-options,#diff-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}#size-options .diff,#diff-options .diff{padding-left:4px;padding-right:4px;text-align:center}.diff.active{background:var(--player);color:#04101f;border-color:var(--player);font-weight:700}.end-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:4px 0 14px}.end-chip{display:flex;flex-direction:column;align-items:center;line-height:1.2}.end-chip .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.end-chip b{font-size:19px;font-variant-numeric:tabular-nums}.end-graph{width:100%;height:120px;display:block;background:#080c1699;border:1px solid var(--border);border-radius:8px}.end-legend{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--muted);margin:8px 0 18px}.end-legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.end-legend .dot.you{background:var(--player)}.end-legend .dot.foe{background:var(--ai);margin-left:8px}.end-legend .cap{opacity:.7}#end-title.defeat{background:linear-gradient(90deg,var(--ai),#ff9a52);-webkit-background-clip:text;background-clip:text}.version{margin-top:14px;font-size:11px;letter-spacing:.08em;color:var(--muted);opacity:.7}#hud-version{position:fixed;top:calc(2px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));font-size:9px;letter-spacing:.06em;color:var(--muted);opacity:.32;font-variant-numeric:tabular-nums;pointer-events:none;z-index:11}.hidden{display:none!important}