.so-c0{--soc:var(--good)}.so-c1{--soc:var(--info)}.so-c2{--soc:var(--sun)}.so-c3{--soc:var(--bad)}.so-c4{--soc:color-mix(in srgb,var(--sun)20%,var(--surface))}.so-c5{--soc:color-mix(in srgb,var(--bad)50%,var(--info))}.so-card{box-sizing:border-box;border:2px solid var(--ink);background:var(--soc);width:48px;height:64px;color:var(--ink);box-shadow:0 2px 0 var(--ink);font:inherit;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.so-card b{font-family:var(--f-mono);background:color-mix(in srgb,var(--surface)80%,transparent);border-radius:6px;padding:0 5px;font-size:22px}button.so-card{cursor:pointer}button.so-card.on{box-shadow:0 0 0 3px var(--accent);transform:translateY(-4px)}button.so-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.so-card.small{width:100%;max-width:40px;height:26px;box-shadow:none;border-width:1.5px;border-radius:5px}.so-card.small b{padding:0 3px;font-size:13px}.so-board{background:linear-gradient(transparent 44%,color-mix(in srgb,var(--info)18%,transparent)44% 56%,transparent 56%);grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;padding:8px 0;display:grid}.so-col{font:inherit;color:var(--ink);background:0 0;border:0;border-radius:8px;grid-template-rows:90px auto 90px;place-items:center;gap:4px;min-width:0;padding:2px;display:grid}button.so-col{cursor:pointer;box-shadow:0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent)10%,transparent)}button.so-col:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.so-side{flex-direction:column;align-self:stretch;align-items:center;gap:3px;width:100%;display:flex}.so-side.them{justify-content:flex-end}.so-side.me{justify-content:flex-start}.so-stone{width:30px;height:30px;font-family:var(--f-mono);background:color-mix(in srgb,var(--ink)15%,var(--surface));border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.so-stone.mine{background:var(--good);border-color:var(--ink)}.so-stone.theirs{background:var(--bad);border-color:var(--ink);color:var(--surface)}.so-count{text-align:center;font-family:var(--f-mono);color:var(--muted);margin:0;font-size:13px}.so-hand{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}