:root{--bg:#0e1014;--panel:#171a21;--line:#262b35;--text:#e7e9ee;--muted:#8b93a3;--team1:#4c8dff;--team2:#ffab3d;--team1-dim:#1e3358;--team2-dim:#4a3a1a;--neutral:#1d212a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--team1)}.page{max-width:1000px;margin:0 auto;padding:14px 16px 16px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}header.top h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:17px}.playerbar{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.playerbar .sep{color:var(--line)}.playerbar .energy{font-variant-numeric:tabular-nums}button.linkish{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}button.linkish:hover{color:var(--text)}.muted{color:var(--muted)}.board{aspect-ratio:17/15;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(17,1fr);gap:2px;width:min(100%,113.333svh - 136px);margin:0 auto;display:grid}.field{border:1px solid var(--line);pointer-events:none;border-radius:4px;grid-area:1/2/16/17}.tile{background:var(--neutral);border:1px solid #0000;border-radius:2px;position:relative}.tile.t1{background:var(--team1-dim);border-color:var(--team1)}.tile.t2{background:var(--team2-dim);border-color:var(--team2)}.tile.base{border-width:2px;border-radius:5px;place-items:center;font-size:clamp(9px,1.6vh,15px);font-weight:700;line-height:1;display:grid}.tile.base.t1{background:var(--team1);color:#08111f}.tile.base.t2{background:var(--team2);color:#1f1405}.score{font-variant-numeric:tabular-nums;align-items:center;gap:10px;width:min(100%,113.333svh - 136px);margin:0 auto 10px;font-size:13px;display:flex}.bar{background:var(--neutral);border-radius:4px;flex:1;height:8px;display:flex;overflow:hidden}.bar span{height:100%;display:block}.bar .s1{background:var(--team1)}.bar .s2{background:var(--team2)}.swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.swatch.t1{background:var(--team1)}.swatch.t2{background:var(--team2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:20px;padding:16px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px;font-size:14px}label{margin-bottom:10px;display:block}label span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}button{border:1px solid var(--line);background:var(--team1);color:#08111f;font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:600}button.ghost{color:var(--text);background:0 0}button:disabled{opacity:.5;cursor:default}.error{color:#ff8a8a;margin:8px 0 0;font-size:14px}