.sho-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sho-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:baseline;gap:8px;padding:6px 12px;display:flex}.sho-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.sho-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.sho-players b{font-family:var(--f-word);font-size:15px}.sho-players small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.sho-board{aspect-ratio:1;box-sizing:border-box;background:#e8c27a;border-radius:6px;width:min(100%,460px);margin:0 auto;padding:6px;box-shadow:inset 0 0 0 3px #8a5a1c}.sho-grid{border-top:1px solid #5a3a10;border-left:1px solid #5a3a10;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid}.sho-sq{font:inherit;color:inherit;background:0 0;border:1px solid #5a3a10;border-top:0;border-left:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}button.sho-sq{cursor:pointer}.sho-sq.last{background:#2a6fb02e}.sho-sq.on{background:#ffffff73}.sho-sq.check{background:#c3352d59}.sho-sq.to:before{content:"";aspect-ratio:1;opacity:.8;z-index:1;background:#1d8556;border-radius:50%;width:28%;position:absolute}.sho-sq.to:has(.sho-piece):before{opacity:1;background:0 0;border:3px solid #1d8556;width:80%}.sho-piece{color:#1d1d1d;clip-path:polygon(50% 0,88% 18%,100% 100%,0 100%,12% 18%);box-sizing:border-box;filter:drop-shadow(0 1px 1px #0006);background:linear-gradient(#f6e3b4,#e4c88a);justify-content:center;align-items:center;width:84%;height:90%;padding-top:6%;font-size:clamp(13px,4.4vw,24px);font-weight:700;line-height:1;display:inline-flex}.sho-piece b{font-weight:700}.sho-piece.pro{color:#b3261e}.sho-piece.s1,.sho-sq.flip .sho-piece{transform:rotate(180deg)}.sho-sq.flip .sho-piece.s1{transform:none}.sho-board.letters .sho-piece.s1 b,.sho-board.letters .sho-sq.flip .sho-piece b{transform:rotate(180deg)}.sho-board.letters .sho-sq.flip .sho-piece.s1 b{transform:none}.sho-hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:460px;min-height:42px;margin:6px auto;display:flex}.sho-held{width:36px;height:40px;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}button.sho-held{cursor:pointer;border-radius:6px}.sho-held.on{outline:3px solid var(--accent)}.sho-held .sho-piece{width:100%;height:100%;font-size:18px;transform:none}.sho-held i{font-style:normal;font-family:var(--f-mono);background:var(--ink);color:var(--surface);text-align:center;border-radius:999px;min-width:18px;padding:0 4px;font-size:12px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.sho-ask{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}