/* Quiet between turns; the full stage is reserved for actual game events. */
:root .tv-shell:not(.view-3d) .tv-center.is-idle{inset:auto 25% 24%!important;max-height:24%;padding:14px 18px;gap:0;border-radius:14px;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 5px 20px #0002}
:root .tv-center.is-idle .turn-identity{margin:0;justify-content:flex-start;width:100%;gap:12px;text-align:left}
:root .tv-center.is-idle .tv-announcement{font-size:clamp(17px,2.5cqw,28px);line-height:1.25;color:inherit;margin:4px 0 0}
:root .tv-center.is-idle .tv-caption{font:700 clamp(11px,1.4cqw,15px)/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em}
:root .tv-center.is-idle .tv-badge{width:36px;height:36px}
:root .view-3d .tv-center.is-idle{display:block;padding:10px 18px;max-height:22%;min-height:64px;border-radius:0}
:root .view-3d .tv-center.is-idle .tv-announcement{font-size:20px}
:root .theme-retro-16 .tv-center.is-idle{border-radius:0;box-shadow:4px 4px #07132160}
:root .tv-board:has(.price-rails) .tv-center.is-idle{bottom:31%!important}
:root .view-3d .tv-board .tv-center.is-idle{bottom:auto!important}

/* A readable complete name without interrupting play or opening a dialog. */
.board-peek{position:fixed;z-index:95;width:max-content;max-width:min(330px,calc(100vw - 20px));padding:16px 18px;display:grid;gap:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #0004;font:500 15px/1.35 ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}
.board-peek strong{font-size:22px;line-height:1.2}.peek-kind{color:var(--muted);font-size:13px}.peek-set{height:6px;border-radius:2px}.peek-owner{display:flex;gap:7px;align-items:center;font-size:14px}.peek-owner i{width:13px;height:13px;border:1px solid #0004;border-radius:3px;flex:none}

/* Cash, current action and tabs stay visible. Only the selected content scrolls. */
:root .desktop-shell{--rail:clamp(340px,27vw,400px)}
:root .desktop-sidebar{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:16px;scrollbar-gutter:auto}
:root .desktop-sidebar .desktop-seat{margin:0 0 12px;flex:none}
:root .desktop-sidebar .desktop-seat h1{font-size:1.05rem;line-height:1.25}
:root .desktop-sidebar .desktop-seat .cash-total{font-size:1.65rem}
:root .desktop-sidebar .action-panel{flex:none;padding:14px;margin:0 0 10px}
:root .desktop-sidebar .action-panel h2{font-size:1.25rem;line-height:1.3;margin:4px 0 10px}
:root .desktop-sidebar .action-panel .eyebrow{font-size:11px;letter-spacing:.08em}
:root .desktop-sidebar .action-context{display:none}
:root .desktop-sidebar .action-controls{padding:0;background:transparent;border:0}
:root .desktop-sidebar .action-panel.waiting{padding:12px 14px}
:root .desktop-sidebar .action-panel.waiting h2{margin-bottom:0}
:root .desktop-sidebar .phone-tabs{flex:none;position:static;padding:0;margin:0 0 10px;background:transparent}
:root .desktop-content-scroll{flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
:root .desktop-content-scroll .panel-title{margin-bottom:4px}
:root .desktop-content-scroll .tv-player{min-height:60px;padding:9px 6px}
:root .desktop-content-scroll .tv-player-info>strong{font-size:1rem}
:root .desktop-content-scroll .tv-player-info>small{font-size:12px}
:root .desktop-content-scroll .tv-player-money>strong{font-size:1.15rem}
:root .desktop-content-scroll .tv-player-money>small{font-size:11px}
:root .seat-options{flex:none;border-top:1px solid var(--line);margin-top:10px;max-height:45%;overflow:auto;font-size:13px}
:root .seat-options>summary{padding:10px 0 0;cursor:pointer;font-weight:650;color:var(--muted)}
:root .seat-options>div{display:grid;gap:10px;padding-top:12px}.seat-options .step-away{margin:0}.seat-options .step-away p{font-size:14px;line-height:1.5}.seat-options .phone-alert-toggle{margin:0;min-height:38px;text-align:left}
@media(max-width:800px){:root .desktop-sidebar{display:block;overflow:visible}:root .desktop-content-scroll{overflow:visible}:root .seat-options{max-height:none}}
@media(max-width:500px){:root .tv-shell:not(.view-3d) .tv-center.is-idle{left:24%!important;right:24%!important;padding:8px}:root .tv-center.is-idle .turn-identity{gap:6px}:root .tv-center.is-idle .tv-badge{width:24px;height:24px}:root .tv-center.is-idle .tv-announcement{font-size:13px}:root .tv-center.is-idle .tv-caption{font-size:10px}}
:root .desktop-sidebar>.action-panel{max-height:48%;overflow:auto;scrollbar-width:thin}
:root .desktop-sidebar>[data-live-clock]{flex:none}
:root .text-large .tv-center.is-idle .tv-announcement{font-size:clamp(22px,3cqw,36px)}
@media(max-width:800px){:root .desktop-sidebar>.action-panel{max-height:none;overflow:visible}}