.table-player{--p1:#f0b957;--p2:#8d9bff}.table-player .hearts-content{max-width:1000px}.table-desk{max-width:640px;margin:auto}.table-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-seat{display:flex;gap:12px;align-items:center;background:#1c2c40;border:1px solid #3a5267;border-radius:8px;padding:12px;min-width:0}.table-seat.active{border-color:#f1ce87;box-shadow:inset 0 -3px #f1ce87}.table-seat div{min-width:0}.table-seat strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-seat small{display:block;font-size:10px;letter-spacing:.07em;color:#b6c9d8}.seat-disc{width:26px;height:26px;border-radius:50%;background:var(--p1);flex:none}.color-2 .seat-disc{background:var(--p2)}.table-status{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;font-size:14px;min-height:30px}.table-status [data-clock]{color:#8ce3d6;white-space:nowrap;font-size:12px}.table-board-area{max-width:490px;margin:auto}.drop-board,.reversi-board{display:grid;padding:9px;gap:5px;background:#253c67;border:5px solid #668bad;border-radius:10px;box-shadow:0 8px 0 #091621}.drop-board{grid-template-columns:repeat(7,1fr)}.drop-controls{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:0 12px 10px}.drop-controls button{padding:5px;font-size:20px}.disc-cell{aspect-ratio:1;display:grid;place-items:center;position:relative;min-width:0}.disc-cell span{display:block;width:85%;height:85%;border-radius:50%;background:#0c182b;box-shadow:inset 0 3px 6px #0006}.disc-cell.color-1 span{background:radial-gradient(circle at 35% 25%,#ffe4a1,var(--p1) 65%);box-shadow:inset 0 0 0 4px #a8763240,0 2px 3px #0004}.disc-cell.color-2 span{background:radial-gradient(circle at 35% 25%,#d2d7ff,var(--p2) 65%);box-shadow:inset 0 0 0 4px #43499150,0 2px 3px #0004}.disc-cell.last:after{content:'';position:absolute;width:10%;height:10%;border-radius:50%;background:#182738}.disc-cell.winning span{outline:3px solid #fff6d5;outline-offset:1px}.reversi-board{grid-template-columns:repeat(8,1fr);background:#1d4446;border-color:#a18155;gap:2px;padding:6px}.reversi-board button{padding:2px;border:1px solid #89b1a82a;border-radius:1px;background:#275958}.reversi-board button:disabled{opacity:1}.reversi-board .color-0 span{box-shadow:none;background:transparent}.reversi-board .legal span{width:23%;height:23%;background:#d2f2b4;border:2px solid #ffffff90}.reversi-board .color-1 span{background:radial-gradient(circle at 35% 25%,#738ba0,#182532 65%);box-shadow:inset 0 0 0 2px #a7bfce40}.reversi-board .color-2 span{background:radial-gradient(circle at 35% 25%,#fffefa,#e6d6b5 65%)}.table-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.table-bottom>small{flex:1;color:#b6c9d8;font-size:12px}.table-code{font-size:12px}.table-code input{max-width:100%;width:285px;font-size:11px}.table-code summary{cursor:pointer}.table-wait{text-align:center;padding:55px 10px;color:#c4d7e1}.table-wait>span{font-size:48px;color:#e8c577;letter-spacing:.15em}.table-reason{text-align:center;font-size:13px;color:#edc49a}.table-player[data-game=reversi]{--p1:#253544;--p2:#e6d6b5}@media(max-width:550px){.table-seat{padding:8px;gap:8px}.table-seat strong{font-size:13px}.seat-disc{width:20px;height:20px}.table-status{font-size:13px}.drop-board,.reversi-board{gap:3px;padding:5px}.table-bottom{gap:8px}.table-player .hearts-content{padding:12px}.table-player .machine-top h2{font-size:21px}}@media(max-height:760px) and (min-width:801px){.table-board-area{max-width:360px}.table-player .hearts-content{padding-top:8px}.table-bottom{margin-top:14px}.table-seats .table-seat{padding:8px}}

.table-player{background:radial-gradient(ellipse at 50% 45%,#233047,#101b2d 75%)}.table-player[data-game="reversi"]{background:radial-gradient(ellipse at 50% 45%,#24413f,#101b2d 75%)}
.table-player[open]{background:radial-gradient(ellipse at 50% 45%,#233047,#101b2d 75%)}.table-player[data-game="reversi"][open]{background:radial-gradient(ellipse at 50% 45%,#24413f,#101b2d 75%)}.table-player .reversi-board button{padding:0;box-shadow:none;opacity:1}.reversi-board .disc-cell span{position:absolute;inset:8%;width:auto;height:auto}.reversi-board .disc-cell.legal span{inset:38%;width:auto;height:auto}.table-player[data-game="reversi"] .seat-disc{border:2px solid #b4c3c9}
.table-player[data-game="chess"]{--p1:#f0ddba;--p2:#2b455e}.table-player[data-game="chess"] .seat-disc{border:2px solid #8fa6bc}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:6px solid #aa8d66;border-radius:6px;box-shadow:0 7px 0 #081320;overflow:hidden}.table-player .chess-square{aspect-ratio:1;position:relative;display:grid;place-items:center;padding:1px;border:0;border-radius:0;box-shadow:none;opacity:1;min-width:0;isolation:isolate}.chess-square.light{background:#ccbda2;color:#263c52}.chess-square.dark{background:#45647a;color:#f4e7c9}.table-player .chess-square.last-move{box-shadow:inset 0 0 0 3px #f4d4709c}.table-player .chess-square.selected{background:#d19c50;box-shadow:inset 0 0 0 3px #fff2ab}.table-player .chess-square.in-check{background:#ad4655}.table-player .chess-square:focus-visible{outline:3px solid #8ffff4;outline-offset:-4px;z-index:2}.chess-piece{width:84%;height:84%;overflow:visible;pointer-events:none;filter:drop-shadow(0 2px 1px #07152270)}.chess-piece path{stroke:#162c40;stroke-width:1.5;stroke-linejoin:round;fill:#f8e6c2}.chess-piece.black path{fill:#142c42;stroke:#b1c8d7}.chess-piece .piece-detail{fill:#162c40}.chess-piece.black .piece-detail{fill:#d0d7d1}.chess-piece .piece-slash{stroke:#142c42;stroke-width:2}.chess-piece.black .piece-slash{stroke:#b1c8d7}.chess-square small{position:absolute;font-size:9px;line-height:1;font-weight:700;pointer-events:none}.rank-label{left:3px;top:3px}.file-label{right:3px;bottom:2px}.move-dot{position:absolute;width:20%;height:20%;border-radius:50%;background:#bfffbd;box-shadow:0 0 0 2px #21414bd9;pointer-events:none}.chess-square:has(.chess-piece) .move-dot{width:82%;height:82%;border:3px solid #bfffbd;background:transparent;box-shadow:none}.chess-caption{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#c9d7e1;margin:10px 0}.chess-promotion{padding:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;background:#293f53;border:1px solid #dbc395;border-radius:6px}.chess-promotion strong{width:100%;font-size:13px;text-align:center}.chess-promotion button{display:grid;justify-items:center;padding:4px 7px;font-size:11px;text-transform:capitalize}.chess-promotion .chess-piece{width:30px;height:34px}.chess-history{font-size:12px;color:#c7d6e0;margin:8px 0}.chess-history summary{cursor:pointer}.chess-history ol{display:flex;gap:8px 15px;flex-wrap:wrap;padding:10px;margin:0;list-style:none;font-variant-numeric:tabular-nums}.chess-draw-notice{width:100%}.chess-draw-offer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px;background:#254750;border:1px solid #76b5b8;border-radius:6px;font-size:13px}.table-player[data-game="chess"] .table-bottom{margin-top:12px}
.table-player .chess-square:disabled{opacity:1;cursor:default}.table-player .chess-square:disabled:hover{transform:none;filter:none}

.paddle-player .table-desk{max-width:940px}.paddle-player{--p1:#75eee0;--p2:#f5cb75}.paddle-player .table-board-area{max-width:800px;width:min(100%,max(280px,calc((100dvh - 370px)*1.6)))}.paddle-court{width:100%}.paddle-court canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border:2px solid #517189;border-radius:8px;touch-action:none}.paddle-court canvas:focus-visible{outline:3px solid #f5cb75;outline-offset:3px}.paddle-touch{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.paddle-touch button{width:80px;min-height:42px;touch-action:none;font-size:20px}.paddle-touch span{color:#c3d4dc;text-align:center;font-size:12px}.paddle-player .table-seats .color-1{border-color:#75eee0}.paddle-player .table-seats .color-2{border-color:var(--p2)}.paddle-player .table-bottom{margin-top:10px}

.paddle-player .table-seat{padding:8px 10px}.paddle-player .table-seat div>small:first-child{display:none}.paddle-player .table-status{margin:8px 0}.paddle-player .table-reason{margin:6px 0}

.trail-touch{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:10px}.trail-touch button{font-size:24px;min-width:48px;padding:6px 12px;touch-action:manipulation}.trail-touch span{font-size:11px;color:#c3cede}.paddle-player[data-game=neon-trails]{--p2:#ff9ac4}@media(max-width:520px){.trail-touch{gap:8px}.trail-touch span{display:none}}

.creator-table-screen{width:100%;height:clamp(300px,55dvh,660px);background:#0c1724;border:3px solid #ba9060;border-radius:14px;overflow:hidden;margin:14px 0}.creator-table-screen iframe{display:block;width:100%;height:100%;border:0;background:#0c1724}.table-player .machine-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-player .machine-actions{display:flex;gap:8px;flex-wrap:wrap}.table-player h2{margin:8px 0}