/* Mesa adaptable — revision mesa-visible-local1. The document stays scrollable
   for summaries, enlarged mode, large fonts and exceptionally small windows. */
.trump-thumbnail {display:flex;align-items:center;gap:.35rem;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:zoom-in;min-height:44px}
.trump-thumbnail img {width:32px;height:44px;object-fit:contain;border-radius:3px}
.standard-trump-options button {display:flex;align-items:center;gap:.35rem}
.standard-trump-options img {width:29px;height:40px;object-fit:contain}
.card-preview-dialog {padding:.7rem;border:1px solid #dfbc77;border-radius:12px;background:#12251f;color:#f2ead9;max-width:94vw;max-height:94dvh}
.card-preview-dialog::backdrop {background:#030b09d9}
.card-preview-dialog button {display:block;margin:0 0 .5rem auto;min-height:44px}
.card-preview-dialog img {display:block;width:auto;height:min(70dvh,560px);max-width:85vw;object-fit:contain}
.prediction-card[role=button] {cursor:zoom-in}
.hand-card-value {display:none}
.prediction-submit {display:none}
.prediction-help {font-size:.8rem}
.coach-details {font-size:.75rem}
.coach-details summary {cursor:pointer;color:#efbb4d;min-height:24px}
body.game-active:not(.expanded-game) #game-view .coach>.eyebrow {display:none}
body.game-active:not(.expanded-game) #game-view .coach-details {width:100%}
body.game-active:not(.expanded-game) #game-view .prediction-options {display:none}
body.game-active:not(.expanded-game) #game-view .prediction-submit {display:flex;gap:.5rem;align-items:center;justify-content:center}
body.game-active:not(.expanded-game) #game-view .prediction-submit select {min-width:65px;min-height:44px;background:#0b100e;color:#f1e3c3;font:inherit;border:1px solid #dfbc77;border-radius:5px;padding:.25rem}
body.game-active:not(.expanded-game) #game-view .prediction-submit button {min-height:44px;padding:.3rem .6rem;font-size:.85rem}
body.game-active:not(.expanded-game) .hand-card-value {display:block;position:absolute;left:2px;bottom:2px;padding:0 4px;background:#081610ed;color:#fff3d2;border:1px solid #efbb4d;border-radius:3px;font-size:14px;font-weight:800;line-height:1.3}
.trump-thumbnail:focus-visible,.prediction-card:focus-visible {outline:3px solid #dfbc77;outline-offset:2px}
body.game-active:not(.expanded-game) {--fit-card:clamp(58px,9dvh,88px)}
body.game-active:not(.expanded-game)>footer {display:none}
body.game-active:not(.expanded-game) .site-header .nav-action {display:none}
body.game-active:not(.expanded-game) .site-header .brand {font-size:.85rem}
body.game-active:not(.expanded-game) .site-header .brand {white-space:nowrap;flex-shrink:0}
body.game-active:not(.expanded-game) .site-header nav {display:none}
body.game-active:not(.expanded-game) #game-view .table-tools [data-review-open] {display:none}
body.game-active:not(.expanded-game) #game-view .game-shell:has(.standard-table)>.scoreboard {display:none}
body.game-active:not(.expanded-game) .site-header {min-height:44px;padding:.15rem .6rem;gap:.4rem}
body.game-active:not(.expanded-game) .site-header nav {gap:.5rem;font-size:.8rem}
body.game-active:not(.expanded-game) .site-header nav a {display:none}
body.game-active:not(.expanded-game) #game-view {padding:.35rem .55rem 3rem;min-height:0}
body.game-active:not(.expanded-game) #game-view .game-shell {height:calc(100dvh - 105px);min-height:0;display:flex;flex-direction:column;gap:.3rem;margin:0 auto}
body.game-active:not(.expanded-game) #game-view .mastery-banner {display:contents}
body.game-active:not(.expanded-game) #game-view .mastery-banner>div:first-child {display:none}
body.game-active:not(.expanded-game) #game-view .mastery-controls {position:fixed;bottom:.25rem;left:.4rem;z-index:30;display:block}
body.game-active:not(.expanded-game) #game-view .mastery-controls button {min-height:44px;font-size:.75rem;padding:.3rem .5rem}
body.game-active:not(.expanded-game) #game-view .game-toolbar {padding:0;gap:.3rem;align-items:center;flex-wrap:wrap;flex-shrink:0}
body.game-active:not(.expanded-game) #game-view .game-toolbar>div:first-child {display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:center}
body.game-active:not(.expanded-game) #game-view .game-toolbar h1 {font-size:1rem;margin:0;line-height:1.2}
body.game-active:not(.expanded-game) #game-view .game-abandon {font-size:.78rem;min-height:44px;margin:0;padding:0}
body.game-active:not(.expanded-game) #game-view .table-tools {gap:.3rem}
body.game-active:not(.expanded-game) #game-view .table-tools .button {font-size:.75rem;min-height:44px;padding:.2rem .4rem}
body.game-active:not(.expanded-game) #game-view .game-meta {gap:.25rem;align-items:stretch;flex-wrap:nowrap}
body.game-active:not(.expanded-game) #game-view .meta-block {min-width:0;padding:.2rem .4rem;font-size:.78rem}
body.game-active:not(.expanded-game) #game-view .meta-block strong {font-size:.85rem}
body.game-active:not(.expanded-game) #game-view .scoreboard {gap:.25rem;margin:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
body.game-active:not(.expanded-game) #game-view .score {padding:.2rem .4rem;font-size:.75rem;border-radius:6px}
body.game-active:not(.expanded-game) #game-view .game-shell>.scoreboard .score,body.game-active:not(.expanded-game) #game-view .duel-score .score {display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .45rem}
body.game-active:not(.expanded-game) #game-view .score strong {font-size:.85rem}
body.game-active:not(.expanded-game) #game-view .table-surface {flex:1;min-height:0;height:auto;margin:0;padding:.4rem;gap:.35rem;border-width:2px;border-radius:18px;overflow:visible;grid-template-rows:auto minmax(min-content,1fr) auto}
body.game-active:not(.expanded-game) #game-view .table-surface::before,body.game-active:not(.expanded-game) #game-view .table-surface::after {border-radius:16px;inset:4px}
body.game-active:not(.expanded-game) #game-view .player-zone {min-width:0;min-height:0}
body.game-active:not(.expanded-game) #game-view .standard-opponents>h2,body.game-active:not(.expanded-game) #game-view .pairs-opponents>h2 {display:none}
body.game-active:not(.expanded-game) #game-view .standard-seats,body.game-active:not(.expanded-game) #game-view .pairs-seats {grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}
body.game-active:not(.expanded-game) #game-view [data-player-count="5"] .standard-seats {grid-template-columns:repeat(4,minmax(0,1fr))}
body.game-active:not(.expanded-game) #game-view [data-player-count="6"] .standard-seats {grid-template-columns:repeat(5,minmax(0,1fr))}
body.game-active:not(.expanded-game) #game-view .standard-seat,body.game-active:not(.expanded-game) #game-view .pairs-seat {display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-height:0;padding:.3rem;font-size:.75rem}
body.game-active:not(.expanded-game) #game-view .table-avatar,body.game-active:not(.expanded-game) #game-view .captured-tricks {display:none}
body.game-active:not(.expanded-game) #game-view .table-center {grid-template-columns:minmax(0,1fr) minmax(160px,3fr) minmax(0,2fr);gap:.4rem;min-height:0;align-items:stretch}
body.game-active:not(.expanded-game) #game-view .indicator,body.game-active:not(.expanded-game) #game-view .trick-area,body.game-active:not(.expanded-game) #game-view .coach {height:auto;min-height:0;max-height:none;padding:.4rem;border-radius:12px;overflow:visible}
body.game-active:not(.expanded-game) #game-view .indicator .card-static {width:48px;margin:auto}
body.game-active:not(.expanded-game) #game-view .indicator {font-size:.75rem}
body.game-active:not(.expanded-game) #game-view .eyebrow {font-size:.65rem;margin:.15rem 0;letter-spacing:.06em}
body.game-active:not(.expanded-game) #game-view .coach h3 {font-size:.95rem;margin:.1rem 0}
body.game-active:not(.expanded-game) #game-view .coach p,body.game-active:not(.expanded-game) #game-view .trump-explanation {font-size:.8rem;line-height:1.3;margin:.2rem 0}
body.game-active:not(.expanded-game) #game-view .trick-area {display:flex;flex-direction:column;justify-content:center;min-height:min-content}
body.game-active:not(.expanded-game) #game-view .trick-area>* {flex-shrink:0}
body.game-active:not(.expanded-game) #game-view .trick-cards {display:flex;flex-wrap:nowrap;min-height:0;height:auto;gap:.25rem;justify-content:center}
body.game-active:not(.expanded-game) #game-view .trick-cards>p {font-size:.8rem;margin:.2rem 0}
body.game-active:not(.expanded-game) #game-view .trick-cards figure {min-width:0;flex:0 1 84px;margin:0;gap:.15rem}
body.game-active:not(.expanded-game) #game-view .trick-cards .card-static {width:min(100%,var(--fit-card));max-height:none}
body.game-active:not(.expanded-game) #game-view .trick-cards figcaption {font-size:.7rem;min-height:0;white-space:normal}
body.game-active:not(.expanded-game) #game-view .standard-public-declaration,body.game-active:not(.expanded-game) #game-view .duel-public-declaration {font-size:.75rem;margin:.2rem 0}
body.game-active:not(.expanded-game) #game-view .standard-human {padding:.25rem 0 0}
body.game-active:not(.expanded-game) #game-view .human-seat-heading {margin:0 0 .35rem;gap:.25rem}
body.game-active:not(.expanded-game) #game-view .human-seat-heading h2 {font-size:.8rem;letter-spacing:0;line-height:1.2}
body.game-active:not(.expanded-game) #game-view .hand,body.game-active:not(.expanded-game) #game-view .prediction-hand {display:flex;flex-wrap:wrap;gap:.3rem;overflow:visible;padding:.3rem 0;margin:0;justify-content:center}
body.game-active:not(.expanded-game) #game-view .hand .card-button,body.game-active:not(.expanded-game) #game-view .prediction-card {width:var(--fit-card);max-height:none;flex:0 0 var(--fit-card);margin:0}
body.game-active:not(.expanded-game) #game-view .hand-group-start {margin-inline-start:0}
body.game-active:not(.expanded-game) #game-view .prediction-panel {width:100%;max-width:1100px;margin:0 auto;padding:.65rem;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:.4rem}
body.game-active:not(.expanded-game) #game-view .prediction-panel h2 {font-size:1.3rem;margin:0}
body.game-active:not(.expanded-game) #game-view .prediction-panel p {font-size:.85rem;line-height:1.35;margin:0}
body.game-active:not(.expanded-game) #game-view .prediction-hand-wrap,body.game-active:not(.expanded-game) #game-view .prediction-order-wrap {padding:.35rem;margin:0}
body.game-active:not(.expanded-game) #game-view .prediction-panel h3 {font-size:.8rem;margin:0 0 .3rem}
body.game-active:not(.expanded-game) #game-view .prediction-order {grid-template-columns:repeat(6,minmax(0,1fr));gap:.25rem}
body.game-active:not(.expanded-game) #game-view .prediction-order-item {padding:.25rem;font-size:.75rem}
body.game-active:not(.expanded-game) #game-view .prediction-order-item strong {font-size:.8rem}
body.game-active:not(.expanded-game) #game-view .prediction-options {gap:.25rem;justify-content:center}
body.game-active:not(.expanded-game) #game-view .prediction-options button {min-width:44px;min-height:44px}
body.game-active:not(.expanded-game) #game-view .trump-selection-content {display:flex;gap:.5rem;align-items:center}
body.game-active:not(.expanded-game) #game-view .trump-indicator-summary .card-static {width:48px}
body.game-active:not(.expanded-game) #game-view .standard-trump-options {display:flex;flex-wrap:wrap;gap:.3rem}
body.game-active:not(.expanded-game) #game-view .team-capture-display {grid-template-columns:repeat(2,minmax(0,1fr));margin:.2rem 0;gap:.25rem}
body.game-active:not(.expanded-game) #game-view .captured-heap {display:block;padding:.2rem}
body.game-active:not(.expanded-game) #game-view .captured-heap-stack {display:none}
body.game-active:not(.expanded-game) #game-view .pairs-table .team-capture-display {display:none}
body.game-active:not(.expanded-game) #game-view .duel-table {grid-template-rows:minmax(100px,1fr) minmax(110px,1fr) minmax(100px,1fr)}
body.game-active:not(.expanded-game) #game-view .duel-seat-heading {padding:.15rem .4rem;min-width:0}
body.game-active:not(.expanded-game) #game-view .duel-avatar {display:none}
body.game-active:not(.expanded-game) #game-view .duel-table .player-zone>.piles {padding:.3rem 3rem .3rem .1rem}
body.game-active:not(.expanded-game) #game-view .duel-table .card-button,body.game-active:not(.expanded-game) #game-view .duel-table .piles .card-static {width:var(--fit-card)}
body.game-active:not(.expanded-game) #game-view .duel-captured {width:42px;right:0}
body.game-active:not(.expanded-game) #game-view .duel-captured-stack {display:none}
body.game-active:not(.expanded-game) .floating-assistant-tools {bottom:.25rem;right:.4rem;gap:.35rem}
body.game-active:not(.expanded-game) .floating-assistant-tools button {min-height:44px;padding:.3rem .7rem;font-size:.8rem}
@media(max-width:700px) {
 body.game-active:not(.expanded-game) {--fit-card:58px}
 body.game-active:not(.expanded-game) #game-view .pairs-table {--fit-card:54px}
 body.game-active:not(.expanded-game) #game-view .pairs-table .coach p {margin:0}
 body.game-active:not(.expanded-game) #game-view .game-toolbar>div:first-child {width:100%;justify-content:space-between}
 body.game-active:not(.expanded-game) #game-view .game-toolbar h1 {font-size:0;max-width:none}
 body.game-active:not(.expanded-game) #game-view .game-toolbar h1 [lang=arn] {font-size:.85rem}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail span {display:none}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail img {flex-shrink:0}
 body.game-active:not(.expanded-game) #game-view .standard-seat,body.game-active:not(.expanded-game) #game-view .pairs-seat {line-height:1.2}
 body.game-active:not(.expanded-game) #game-view .game-meta {width:100%;justify-content:space-between}
 body.game-active:not(.expanded-game) #game-view .table-center {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto;gap:.25rem}
 body.game-active:not(.expanded-game) #game-view .table-center>.indicator {display:none} /* Same card remains visible and expandable in toolbar. */
 body.game-active:not(.expanded-game) #game-view .coach {display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem;padding:.25rem .4rem;grid-column:auto}
 body.game-active:not(.expanded-game) #game-view .coach>.eyebrow {display:none}
 body.game-active:not(.expanded-game) #game-view .coach p {font-size:.78rem}
 body.game-active:not(.expanded-game) #game-view .standard-seat>span,body.game-active:not(.expanded-game) #game-view .pairs-seat>span {font-size:.7rem}
 body.game-active:not(.expanded-game) #game-view .prediction-order {grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}
}
@media(max-height:720px) and (min-width:701px) {
 body.game-active:not(.expanded-game) {--fit-card:clamp(54px,10dvh,72px)}
 body.game-active:not(.expanded-game) #game-view .prediction-panel {gap:.2rem;padding:.4rem}
}
@media(max-height:720px) and (max-width:700px) {
 body.game-active:not(.expanded-game) {--fit-card:44px}
 body.game-active:not(.expanded-game) #game-view .table-surface {padding:.3rem;gap:.25rem}
 body.game-active:not(.expanded-game) #game-view .meta-block {font-size:.7rem;padding:.15rem .3rem}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail {min-height:38px}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail img {height:38px;width:28px}
 body.game-active:not(.expanded-game) #game-view .prediction-panel {gap:.2rem;padding:.4rem}
 body.game-active:not(.expanded-game) #game-view .prediction-panel {--fit-card:48px}
 body.game-active:not(.expanded-game) #game-view .prediction-panel>.eyebrow {display:none}
 body.game-active:not(.expanded-game) #game-view .pairs-table {--fit-card:44px}
 body.game-active:not(.expanded-game) #game-view .pairs-table .captured-heap small {display:none}
 body.game-active:not(.expanded-game) #game-view .pairs-table .hand {gap:.15rem;padding:.2rem 0}
 body.game-active:not(.expanded-game) #game-view .pairs-table .human-seat-heading {margin-bottom:.2rem}
}
@media(max-height:500px) and (min-width:600px) {
 body.game-active:not(.expanded-game) {--fit-card:48px}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail {min-height:38px}
 body.game-active:not(.expanded-game) #game-view .trump-thumbnail img {height:38px;width:28px}
 body.game-active:not(.expanded-game) #game-view .table-surface {grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr);grid-template-rows:1fr;align-items:center}
 body.game-active:not(.expanded-game) #game-view .standard-seats,body.game-active:not(.expanded-game) #game-view [data-player-count] .standard-seats {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.game-active:not(.expanded-game) #game-view .table-center {grid-template-columns:1fr;grid-template-rows:auto auto}
 body.game-active:not(.expanded-game) #game-view .table-center>.indicator {display:none}
 body.game-active:not(.expanded-game) #game-view .coach p {font-size:.75rem}
 body.game-active:not(.expanded-game) #game-view .coach {padding:.1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .3rem}
 body.game-active:not(.expanded-game) #game-view .coach p {margin:0}
 body.game-active:not(.expanded-game) #game-view .table-tools {display:none}
 body.game-active:not(.expanded-game) #game-view .standard-seat,body.game-active:not(.expanded-game) #game-view .pairs-seat {font-size:.7rem;line-height:1.15}
 body.game-active:not(.expanded-game) #game-view .standard-seat strong,body.game-active:not(.expanded-game) #game-view .pairs-seat strong {font-size:.75rem}
 body.game-active:not(.expanded-game) #game-view .pairs-seats {grid-template-columns:1fr}
 body.game-active:not(.expanded-game) #game-view .coach>.eyebrow {display:none}
 body.game-active:not(.expanded-game) #game-view .captured-heap small {display:none}
 body.game-active:not(.expanded-game) #game-view .prediction-panel {display:grid;grid-template-columns:1fr 1fr;align-items:center}
 body.game-active:not(.expanded-game) #game-view .prediction-hand-wrap {grid-column:2;grid-row:1 / span 5}
 body.game-active:not(.expanded-game) #game-view .prediction-panel {--fit-card:44px}
 body.game-active:not(.expanded-game) #game-view .prediction-hand {gap:.15rem}
 body.game-active:not(.expanded-game) #game-view .pairs-table {--fit-card:44px;grid-template-columns:.8fr 1.25fr 1.95fr}
 body.game-active:not(.expanded-game) #game-view .pairs-play figcaption span {display:none}
}