:root{color-scheme:dark;--bg: #1c1917;--panel: #292524;--panel-2: #44403c;--text: #f5f5f4;--muted: #a8a29e;--accent: #f59e0b;--west: #3b82f6;--east: #ef4444;--good: #4ade80;--bad: #f87171;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid #57534e;border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#1c1917;font-weight:600}button.secondary{background:transparent}button.icon{padding:4px 8px}input,select{background:var(--bg);border:1px solid #57534e;border-radius:6px;padding:6px 8px}.muted{color:var(--muted)}.setup{max-width:900px;margin:0 auto;padding:24px}.setup header{text-align:center}.title-art{image-rendering:pixelated;max-width:100%}.subtitle{color:var(--muted);font-size:1.1rem}.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:24px 0}.team{background:var(--panel);border-radius:10px;padding:16px}.team h2{margin-top:0;font-size:1.1rem}.fighter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.setup-footer{display:flex;gap:12px;align-items:end;justify-content:center;flex-wrap:wrap}.setup-footer label{display:grid;gap:4px;color:var(--muted)}.note{text-align:center;color:var(--muted)}.game{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100vh;height:100dvh}.board{position:relative;overflow:hidden;min-height:0}.board canvas{display:block;cursor:crosshair;touch-action:none}.sidebar{background:var(--panel);border-left:1px solid #44403c;display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto}.sidebar h3{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.turn{display:flex;justify-content:space-between;gap:8px}.your-turn{color:var(--accent);font-weight:600}.error{color:var(--bad);margin:0}.actions .buttons{display:grid;gap:6px}.row{display:flex;gap:8px;flex-wrap:wrap}.actions .row+.row{margin-top:8px}.hint{color:var(--muted);margin:0 0 8px}.card{background:var(--bg);border-radius:8px;padding:10px;border-left:4px solid var(--muted)}.card.side-W{border-left-color:var(--west)}.card.side-E{border-left-color:var(--east)}.card-name{margin-bottom:6px}.health{position:relative;height:18px;background:#57534e;border-radius:4px;overflow:hidden;margin-bottom:8px}.health-bar{position:absolute;inset:0 auto 0 0;background:#16a34a}.health span{position:relative;padding-left:6px;font-size:.8rem;line-height:18px}dl.stats,dl.gear{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin:0}dl.gear{grid-template-columns:auto 1fr;margin-top:6px}dt{color:var(--muted)}dd{margin:0}.status{margin:6px 0 0;color:var(--accent)}.log{flex:1;min-height:160px;display:flex;flex-direction:column}.log ol{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;font-size:.85rem}.log li{padding:2px 0}.tone-good{color:var(--good)}.tone-bad{color:var(--bad)}.tone-dice{color:var(--muted);font-family:ui-monospace,monospace}.leave{align-self:flex-start}.dialog-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center}.dialog{background:var(--panel);border-radius:12px;padding:24px;max-width:420px;box-shadow:0 20px 60px #00000080}.dialog h2{margin-top:0}.loading{display:grid;place-items:center;height:100vh;color:var(--muted)}@media(hover:none){.kbd{display:none}}@media(max-width:800px){.game{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sidebar{max-height:45dvh;border-left:none;border-top:1px solid #44403c;padding:10px;gap:10px}.log{flex:none;min-height:0;max-height:30dvh}.actions .buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}button{min-height:40px}.setup{padding:16px}.dialog{margin:16px}}