.shl-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shl-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:auto auto;align-items:baseline;column-gap:8px;padding:6px 12px;display:grid}.shl-players li small{font-family:var(--f-mono);color:var(--muted);grid-column:1/-1;font-size:12px}.shl-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.shl-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.shl-players li.shl-bag{background:var(--sunk);border-style:dashed}.shl-players b{font-family:var(--f-word);font-size:15px}.shl-score{font-family:var(--f-display);font-size:18px;font-weight:700}.shl-wrap{border-radius:var(--radius);background:var(--sunk);border:1.5px solid var(--line);max-height:70vh;padding:10px;overflow:auto}.shl-board{--shl-c:40px;gap:2px;width:max-content;margin:0 auto;display:grid}.shl-tile{width:var(--shl-c,44px);height:var(--shl-c,44px);border:1.5px solid var(--ink);background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:6px;justify-content:center;align-items:center;padding:3px;display:inline-flex}.shl-tile svg{width:100%;height:100%;stroke:var(--ink);stroke-width:1px;stroke-linejoin:round}button.shl-tile{cursor:pointer}.shl-tile.k0 svg{fill:var(--bad)}.shl-tile.k1 svg{fill:var(--sun)}.shl-tile.k2 svg{fill:var(--good)}.shl-tile.k3 svg{fill:var(--info)}.shl-tile.k4 svg{fill:#8e5be0}.shl-tile.k5 svg{fill:var(--ink)}.shl-tile.fresh{outline:3px solid var(--good);outline-offset:-1px}.shl-tile.on{outline:3px solid var(--accent);outline-offset:2px;transform:translateY(-3px)}.shl-gap{width:var(--shl-c);height:var(--shl-c)}.shl-spot{width:var(--shl-c);height:var(--shl-c);border:2px dashed var(--good);background:var(--good-tint);cursor:pointer;border-radius:6px;padding:0}.shl-why{color:var(--bad)}.shl-hand{--shl-c:50px;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:400px){.shl-board{--shl-c:34px}.shl-wrap{padding:6px}.shl-hand{--shl-c:46px;gap:6px}}