:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e1a;--panel:#131a2e;--panel-2:#1a2340;--line:#26304f;--text:#e6e9f5;--muted:#8b93ad;--more-muted:#6b7183;--accent:#ffb347;--accent-2:#4fc3f7;--error:#ff6b6b;--money:#7ce787}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-monospace,Cascadia Mono,JetBrains Mono,Menlo,monospace;font-size:14px}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:4px;padding:6px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.ghost{background:0 0}button.fire{letter-spacing:1px;background:#7a1f1f;border-color:#b3402f;padding:6px 22px;font-weight:700}button.fire:hover:not(:disabled){border-color:var(--accent);background:#a02a20}input,select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:4px;padding:7px 10px}h1{letter-spacing:4px;color:var(--accent)}h2{letter-spacing:1px;color:var(--accent-2);margin:0 0 10px;font-size:15px}.screen{flex-direction:column;min-height:100%;display:flex}.screen.center{justify-content:center;align-items:center;gap:8px}.muted{color:var(--muted)}.error{color:var(--error)}.money{color:var(--money)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.field{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.spacer{flex:1}.swatch{vertical-align:baseline;border-radius:2px;width:10px;height:10px;margin:0 5px 0 2px;display:inline-block}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5em;padding:10px 16px;display:flex}.brand{color:var(--accent);letter-spacing:3px;font-weight:700}.tagline{text-transform:lowercase;color:var(--more-muted);letter-spacing:.005em;font-size:.8em;font-weight:400}.panel{flex-direction:column;gap:26px;width:100%;max-width:860px;margin:0 auto;padding:20px 16px 60px;display:flex}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--panel);border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.list li>span:first-child{min-width:160px}.list li button{margin-left:auto}.list li.listing-done{opacity:.55}.match-screen{height:100%}.hudbar{color:#16161e;background:#d7d3c8;flex-wrap:wrap;align-items:center;gap:16px;padding:6px 12px;font-weight:600;display:flex}.hudbar button{color:#16161e;touch-action:none;-webkit-user-select:none;user-select:none;background:#bdb8aa;border-color:#8f8a7c;padding:2px 9px}.hud-panel{border:1px solid;border-radius:5px;align-items:center;gap:6px;min-height:34px;padding:3px 9px;display:inline-flex}.hud-label{letter-spacing:1.5px;font-size:9px;font-weight:700}.hud-num{text-align:center;font-variant-numeric:tabular-nums;min-width:36px;display:inline-block}.hud-panel-power{background:#170e2b;border-color:#7b3fa0}.hud-panel-power .hud-label{color:#c9a0ff}.hud-panel-power .hud-num{color:#ffd27d}.hud-panel-angle{background:#081018;border-color:#2b7a8c}.hud-panel-angle .hud-label{color:#6fc3d8}.hud-panel-angle .hud-num{color:#7fdcff}.hud-panel-angle svg{display:block}.hud-panel-weapon{background:#26130a;border:2px solid #ffb347;padding:3px 7px;box-shadow:0 0 10px #ff963273,inset 0 0 8px #ff963226}.hud-weapon{color:#ffd9a0;justify-content:center;align-items:center;gap:7px;min-width:150px;font-size:14.5px;display:inline-flex}.weapon-ammo{color:#c08a55;font-size:12.5px;font-weight:600}.weapon-icon{flex-shrink:0;display:block}.hudbar .weapon-icon{background:#16161e;border-radius:3px;width:24px;height:24px;padding:2px}.hud-turn{letter-spacing:1px;font-weight:700}.hud-wind{color:#8fa7ff;background:#0a1226;border:1px solid #2b3a8c;border-radius:5px;align-items:center;gap:5px;min-height:34px;padding:1px 8px;display:inline-flex}.hud-wind svg{display:block}.hud-wind-label{letter-spacing:1.5px;font-size:9px;font-weight:700}.hud-wind-value{font-variant-numeric:tabular-nums;color:#dfe6ff;min-width:20px}.power-bar{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#2a1445 0%,#283593 34%,#c62828 68%,#ff5722 86%,#ffe082 100%);border:1px solid #8f8a7c;border-radius:3px;width:110px;height:14px;position:relative;overflow:hidden}.power-bar-dim{pointer-events:none;background:#14121cd1;position:absolute;top:0;bottom:0;right:0}.power-bar-thumb{pointer-events:none;background:#fffbe8;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #fff0b4f2}.battle-area{flex:1;min-height:0;display:flex;position:relative}.battle-wrap{background:#01020c;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.battle-canvas{image-rendering:auto;box-shadow:0 0 40px #0009}.bottombar{border-top:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:14px;padding:6px 225px 6px 12px;display:flex}.roster{flex-wrap:wrap;gap:8px;display:inline-flex}.roster-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:center;padding:2px 10px;font-size:12px;display:inline-flex}.roster-chip.dead{opacity:.5;text-decoration:line-through}.roster-chip.away{border-style:dashed}.hud-stats{gap:10px;font-size:12px;display:inline-flex}.hud-hot{color:var(--accent)}.hud-bad{color:var(--error)}.keys-hint{letter-spacing:.5px;font-size:11.5px}@media (width<=900px){.keys-hint{display:none}}.sound-controls{align-items:center;gap:6px;display:inline-flex}.sound-toggle{padding:3px 8px;font-size:14px;line-height:1}.sound-volume{width:74px;accent-color:var(--accent)}.sound-volume:disabled{opacity:.4}.topbar .sound-controls{margin-right:14px}.overlay{background:#040612b8;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.overlay-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;width:100%;max-width:620px;max-height:100%;padding:20px 22px;display:flex;overflow-y:auto}.armory{flex-direction:column;gap:8px;display:flex}.shop{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.shop li{border:1px solid var(--line);background:var(--panel-2);border-radius:4px;grid-template-columns:150px 1fr 70px 92px;align-items:center;gap:10px;padding:5px 8px;font-size:12.5px;display:grid}.shop-name{align-items:center;gap:6px;display:inline-flex}.shop-blurb{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-owned{text-align:right}.shop li button{color:var(--money);padding:3px 8px}.shop-note{font-size:12px}.standings{flex-direction:column;gap:6px;margin:0;padding:0 0 0 22px;display:flex}.standings li{justify-content:space-between;gap:14px;display:flex}@media (width<=720px){.shop li{grid-template-columns:1fr 70px 92px}.shop-blurb{display:none}.hud-weapon{min-width:0}}