.board-game{display:grid;grid-template-columns:repeat(8,1fr);width:min(68vh,580px);max-width:100%;margin:18px auto;border:10px solid #3b2922;border-radius:9px;box-shadow:0 14px 45px #0006;aspect-ratio:1}.board-cell{position:relative;aspect-ratio:1;border:0;border-radius:0;display:grid;place-items:center;padding:0;min-width:0}.board-cell.light{background:#d5bea0}.board-cell.dark{background:#80614f}.board-cell:disabled{opacity:1;cursor:default}.board-cell.selected{box-shadow:inset 0 0 0 4px #b281ff;background:#8e6fba}.board-cell.legal:after{content:'';position:absolute;width:22%;height:22%;background:#3c3144aa;border-radius:50%;pointer-events:none}.board-cell.legal:has(.board-piece):after{background:none;border:4px solid #a273dd;width:80%;height:80%}.board-piece{font-family:'Segoe UI Symbol','Noto Sans Symbols 2',serif;font-size:clamp(26px,4vw,53px);line-height:1;filter:drop-shadow(0 3px 2px #0007);z-index:1}.board-piece.w{color:#fffaf0;text-shadow:0 1px #573b2b}.board-piece.b{color:#211b23;text-shadow:0 1px #fff3}.board-coordinate{position:absolute;bottom:2px;left:3px;color:#352b2ca3;font:9px 'Segoe UI'}.board-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.board-status{text-align:center;font-size:16px;font-weight:600}.board-history{max-width:580px;margin:12px auto;color:#a7a2b5;line-height:1.8}.classic-game-rack{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;background:linear-gradient(#b6895b,#6b452b);padding:20px 10px;border:5px solid #49301f;border-radius:9px;margin:18px 0}.classic-players{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:15px}.classic-players>div{padding:12px;background:#142e27;border:1px solid #648774;border-radius:8px}.classic-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.table-game-3d{height:clamp(360px,55vh,660px);min-height:360px;width:100%;background:#111218;border-radius:12px;overflow:hidden;margin-bottom:15px}.table-game-3d canvas{width:100%;height:100%;display:block;touch-action:none}.table-mode-3d .blackjack-table,.table-mode-3d .okey-arena,.table-mode-3d .rack-scroller,.table-mode-3d .classic-game-rack,.table-mode-3d .board-game{display:none}.table-mode-3d .okey-surface{background:none;border:0;box-shadow:none}.table-mode-3d .okey-board-center{display:none}

.table-game-3d{position:relative}.table-game-hud{position:absolute;inset:0;pointer-events:none}.table-game-hud>span{position:absolute;transform:translateX(-50%);max-width:210px;padding:6px 9px;border:1px solid #4b7162;border-radius:7px;background:#102521e5;color:#fff;text-align:center;font-size:12px}.table-game-hud>.active{border:2px solid #bee898}
