/* Arcade sizing refinements apply equally to imported chat themes. */
.header-right .button{white-space:nowrap}
.board button:disabled{opacity:1;cursor:default}
.game-surface .action-canvas{width:100%;height:auto}
.game-art .game-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.game-art .card-arrow{font-size:18px!important;line-height:1;z-index:1;color:var(--card-color);border:1px solid #ffffff18;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}
.game-card:hover .game-illustration{transform:scale(1.045);transition:transform .2s}
.game-toolbar .status{border:1px solid var(--border);border-radius:5px;background:var(--field);padding:9px 13px;font-variant-numeric:tabular-nums}
.game-surface{margin-top:18px}
.connection-details{font-size:10px;color:var(--muted);margin:12px 0}
.connection-details summary{cursor:pointer}
.room-info>span{overflow-wrap:anywhere}
.game-illustration{pointer-events:none}
.board{padding:8px;background:var(--field);border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 2px 12px #0003}
.board button{transition:background .15s,box-shadow .15s}
.board button:hover:enabled{box-shadow:inset 0 0 0 1px var(--accent)}
#game-dialog[data-game='tic'] .board{max-width:390px;gap:8px;padding:12px}
#game-dialog[data-game='tic'] .board button{font-size:52px;background:linear-gradient(135deg,#24273a,#161925);text-shadow:0 0 20px currentColor}
#game-dialog[data-game='connect'] .board{background:linear-gradient(135deg,#29304c,#161c2d);gap:7px;padding:16px}
#game-dialog[data-game='connect'] .board button{border-radius:50%;background:#0c101b;box-shadow:inset 0 3px 8px #0005;font-size:42px;line-height:1}
#game-dialog[data-game='checkers'] .board{gap:0;padding:10px}
#game-dialog[data-game='checkers'] .board button{border:0;border-radius:0;font-size:34px;text-shadow:0 3px 2px #0007}
.board.sudoku{padding:0;border-radius:0;box-shadow:none}
.board.puzzle-grid .tile-value{box-shadow:inset 0 1px 0 #ffffff15,0 3px 9px #0002;font-weight:650;border-color:#ffffff0c;color:#f3eff9}
#game-dialog[data-game='memory'] .board button{min-height:60px;background:linear-gradient(135deg,#2b2740,#171a28);color:var(--accent);font-size:33px}
#game-dialog[data-game='memory'] .board .found{background:#25483e;color:#b7f3d9}
@media(max-width:700px){#game-dialog[data-game='connect'] .board{gap:4px;padding:8px}#game-dialog[data-game='connect'] .board button{font-size:28px}#game-dialog[data-game='checkers'] .board button{font-size:27px}.board{padding:5px}#game-dialog[data-game='tic'] .board button{font-size:40px}}
@media(prefers-reduced-motion:reduce){.game-card:hover .game-illustration{transform:none;transition:none}}
#player #screen{height:auto}
@media(max-width:700px){
 #game-dialog[data-game='pong'] .modes{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 #game-dialog[data-game='pong'] .modes .button{font-size:10px;padding:8px}
 #game-dialog[data-game='pong'] .room-info{padding:10px;font-size:10px;gap:8px;margin-top:12px}
 #game-dialog[data-game='pong'] .room-info .button{font-size:10px;padding:7px 9px}
 #game-dialog[data-game='pong'] .game-help{font-size:10px;line-height:1.6;margin:10px 0}
 #game-dialog[data-game='pong'] .game-toolbar .status{font-size:10px;padding:7px}
 #game-dialog[data-game='pong'] .game-surface{margin-top:10px}
 #player[data-game='pong'] .game-layout{flex-direction:column}
 #player[data-game='pong'] .canvas-wrap{width:100%;flex:none}
 #player[data-game='pong'] #screen{width:100%;height:auto;max-height:none}
 #player[data-game='pong'] aside{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
 #player[data-game='pong'] aside>.eyebrow,#player[data-game='pong'] #instructions{display:none}
 #player[data-game='pong'] #score{margin:0;font-size:20px}
 #player[data-game='pong'] #best{font-size:11px}
 #player[data-game='pong'] #mode-label{grid-column:1 / -1;margin:0;font-size:10px}
 #player[data-game='pong'] #mode{padding:7px}
 #player[data-game='pong'] aside>.small{grid-column:1 / -1;margin:0}
 #player[data-game='pong'] aside>.button{margin:0}
}