.spo-p0{--spo:#e8c21e;--spo-ink:#3a2f00}.spo-p1{--spo:#3f7fd1;--spo-ink:#fff}.spo-p2{--spo:#d9534f;--spo-ink:#fff}.spo-p3{--spo:#4caf50;--spo-ink:#fff}.spo-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.spo-player{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.spo-player.on{border-color:var(--ink);box-shadow:var(--shadow)}.spo-player.out{opacity:.6}.spo-player.win{background:var(--good-tint);border-color:var(--good)}.spo-dot{background:var(--spo);border:1px solid #00000059;border-radius:50%;width:14px;height:14px}.spo-num{font-variant-numeric:tabular-nums;font-weight:800}.spo-board{border-radius:var(--radius);background:#bfe0ef;justify-content:center;padding:8px;display:flex}.spo-board svg{width:100%;max-width:460px;height:auto;display:block}.spo-pad polygon{fill:#8fc77e;stroke:#5f9a52;stroke-width:.7px}.spo-pad.full polygon{fill:var(--spo);stroke:#0006}.spo-pad text{fill:var(--spo-ink);pointer-events:none;font-size:8px;font-weight:800}.spo-pad.lit polygon{fill:#e4f6d8;stroke:var(--good);stroke-width:1.4px}.spo-pad.can,.spo-pad.lit{cursor:pointer}.spo-pad.can polygon{stroke:var(--ink);stroke-width:1.2px}.spo-pad.on polygon{stroke:var(--ink);stroke-width:2.2px}.spo-pad[role=button]:focus-visible{outline:none}.spo-pad[role=button]:focus-visible polygon{stroke:var(--ink);stroke-width:2.4px}.spo-amount{justify-content:center;align-items:center}.spo-amount .chip-btn{min-width:44px;font-size:18px}