/* Optional features live outside the felt. Card faces are owned by card-faces.css. */
#audio-toggle{min-width:78px;min-height:44px;padding:8px 10px;border:1px solid var(--border,#697080);border-radius:8px;background:transparent;color:inherit;font-size:12px;font-weight:600;white-space:nowrap}
#audio-toggle[aria-pressed="true"]{background:#d9ecdf;color:#133324;border-color:#d9ecdf}
#play-tools{display:flex;gap:8px;padding:10px 12px;flex-wrap:wrap;border-top:1px solid var(--border,#454a54)}
#play-tools button{flex:1;min-height:44px;padding:8px;border:1px solid var(--border,#454a54);border-radius:6px;font-size:12px;background:transparent;color:inherit;white-space:nowrap}
.replay-controls{display:flex;gap:10px;margin:12px 0;position:sticky;top:0;z-index:2;background:var(--surface,#172334);padding:8px}
.replay-controls button{flex:1;min-height:44px}
.replay-action{min-height:48px;font-weight:600;padding:12px;background:var(--surface,#172334);border-radius:8px;overflow-wrap:anywhere}
.replay-board{padding:14px 0;text-align:center}
.replay-seats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.replay-seats>div{border:1px solid var(--border,#454a54);border-radius:8px;padding:10px;min-width:0}
.replay-seats span{display:block;font-size:12px;margin-top:4px}
.replay-seats .hand-art{justify-content:flex-start;min-height:62px;gap:5px}
.replay-seats .card{width:38px;height:54px}
.scrapbook-entry{border:1px solid var(--border,#454a54);padding:14px;border-radius:8px;margin:12px 0}
.scrapbook-entry button{min-height:44px;margin:4px}
#squeeze-cards{position:relative;overflow:hidden;width:210px;max-width:100%;margin:24px auto;border-radius:10px}
#squeeze-cards .hand-art{margin:0;padding:20px}
#squeeze-cover{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#283f60 0 8px,#213451 8px 16px);color:#fff;font-size:14px;font-weight:700;touch-action:none;cursor:grab;user-select:none;border:3px solid #e7d6ab;border-radius:10px}
#bot-reaction{margin:0;padding:0;color:inherit;font-size:12px}
#bot-reaction[hidden]{display:none}
body[data-game-mode="sprint"] .seat-1,body[data-game-mode="sprint"] .seat-3,body[data-game-mode="sprint"] .seat-5{display:none}
body[data-game-mode="sprint"] .seat-2{left:25%;top:15%}
body[data-game-mode="sprint"] .seat-4{left:75%;top:15%}
@media(max-width:900px){.header-actions #theme{display:none}.header-actions{gap:4px}.header .brand{min-width:0}.header-actions .free-tag{display:none}#audio-toggle{font-size:11px;min-width:70px;padding:6px}.header{gap:6px}.replay-board .hand-art{gap:5px}.replay-board .card{width:42px;height:60px}}
@media(prefers-reduced-motion:reduce){#squeeze-cover{transition:none}}
@media(max-height:800px){body[data-screen=table] #play-tools{display:none}}
@media(max-width:360px){.header .brand .brand-wordmark{font-size:16px}.header .brand svg{display:none}.header .brand{flex:1;min-width:0}.header-actions{flex:none}}