.spn-board{aspect-ratio:1;border:3px solid var(--ink);border-radius:var(--radius);background:#8a5a2b;grid-template-columns:1fr 1fr;gap:3%;width:min(100%,440px,max(260px,100svh - 440px));margin:0 auto;padding:3%;display:grid}.spn-q{background:#d9a55f;border-radius:14%;grid-template-columns:repeat(3,1fr);gap:4%;padding:5%;display:grid;box-shadow:inset 0 0 0 2px #00000040}.spn-q.turned{box-shadow:inset 0 0 0 3px var(--ink)}.spn-q.cw{animation:.45s ease-out spn-cw}.spn-q.ccw{animation:.45s ease-out spn-ccw}@keyframes spn-cw{0%{transform:rotate(-90deg)}}@keyframes spn-ccw{0%{transform:rotate(90deg)}}.spn-pt{aspect-ratio:1;font:inherit;background:#a8743a;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 2px 3px #00000059}button.spn-pt{cursor:pointer}button.spn-pt:hover,button.spn-pt:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.spn-pt.win{box-shadow:0 0 0 3px var(--good)}.spn-m{border:1px solid #0009;border-radius:50%;width:88%;height:88%;display:block;position:relative}.spn-m.c1{background:radial-gradient(circle at 35% 30%,#555,#111)}.spn-m.c2{background:radial-gradient(circle at 35% 30%,#fff,#d9d4c5)}.spn-m.ghost{opacity:.55}.spn-pt.last .spn-m:after{content:"";border:2px solid #c0392b;border-radius:50%;position:absolute;inset:32%}.spn-turns{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,300px);margin:0 auto;display:grid}.spn-turn{justify-content:center;gap:6px;display:flex}.spn-turn .chip-btn{min-width:52px;font-size:20px;line-height:1}.spn-players{font-family:var(--f-mono);justify-content:center;gap:18px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.spn-players li{align-items:center;gap:6px;display:flex}.spn-players .spn-m{width:18px;height:18px}.spn-players li.on{font-weight:700}@media (prefers-reduced-motion:reduce){.spn-q.cw,.spn-q.ccw{animation:none}}