/* Exhibition matches at the table (assets/table.js _exhibitionSync, includes/Exhibitions.php): the scoreboard on the right
   (open, or closed to a tab with the hand count), and the quiet second button in the match-over box. */
.ex-board{position:fixed;top:112px;right:var(--muck-space-4);z-index:40;font-family:var(--muck-font)}
.ex-board .material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 400}
/* closed: a tab as wide as the box above it, with its corners (--ex-board-w/-r from assets/table.js), its height in step
   with that box as the window shrinks (Shaun, 2026-11-04: "it big for the size too when the screen isnt full scren") */
.ex-board-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;width:var(--ex-board-w,168px);height:clamp(28px,calc(var(--ex-board-w,168px) * .2),34px);margin:0;padding:0 8px;border:1px solid color-mix(in srgb,var(--muck-gold) 45%,transparent);border-radius:var(--ex-board-r,8px);background:color-mix(in srgb,#0e0e0c 92%,transparent);color:var(--muck-gold);font:800 11px/1 var(--muck-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.ex-board-tab .material-symbols-rounded{font-size:16px}
/* as wide as the box above it (--ex-board-w, set in assets/table.js), wider only when a row needs it (a big pot), never past 260px */
.ex-board-body{display:none;width:max-content;min-width:max(var(--ex-board-w,260px),160px);max-width:min(260px,calc(100vw - 32px));box-sizing:border-box;padding:var(--muck-space-4);border:1px solid #2a2720;border-radius:8px;background:color-mix(in srgb,#11110f 94%,transparent);box-shadow:0 16px 40px #000a;backdrop-filter:blur(6px)}
.ex-board.is-open .ex-board-tab{display:none}
.ex-board.is-open .ex-board-body{display:block}
/* the title, the close button beside it, and the hand count on its own line under the title (Shaun, 2026-11-04: "run the
   hand under the scoreboard title"; beside it, it wrapped once the board took the width of the box above) */
.ex-board-head{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--muck-space-2);row-gap:4px;margin-bottom:var(--muck-space-3)}
.ex-board-head b{grid-area:1/1;color:#eee9dc;font-size:14px;font-weight:800}
.ex-board-head .ex-board-count{grid-area:2/1/auto/-1;color:var(--muck-gold);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ex-board-head .ex-board-close{grid-area:1/2}
.ex-board-close{display:grid;place-items:center;width:32px;height:32px;margin:-6px -6px -6px 0;padding:0;border:0;border-radius:8px;background:none;color:#aaa79d;cursor:pointer}
.ex-board-close svg{display:block}
.ex-board-close:hover{background:#ffffff12;color:#eee9dc}
.ex-board-who{display:flex;justify-content:space-between;gap:var(--muck-space-2);padding-bottom:var(--muck-space-2);color:#eee9dc;font-size:12px;font-weight:800}
.ex-board-who span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-board-who span:last-child{text-align:right}
.ex-board-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--muck-space-2);padding:7px 0;border-top:1px solid #23211c;font-size:12px}
.ex-board-row:last-child{border-bottom:1px solid #23211c}
.ex-board-row span{color:#77736a;font-size:11px;text-align:center;white-space:nowrap}
.ex-board-row b{color:#aaa79d;font-weight:700;font-variant-numeric:tabular-nums}
.ex-board-row b:last-child{text-align:right}
.ex-board-row b.is-lead{color:var(--muck-gold)}
.ex-board-empty{margin:0;color:#aaa79d;font-size:12px}
.ex-board-num{display:none}
/* A phone (Shaun, 2026-11-04: "it cant cover his cards"): closed, just the count under the nav box at the top right, as
   wide as it and with its corners and colors (assets/mobile-table.css .header-right; --ex-board-w/-r from assets/table.js);
   open, the numbers in a sheet from the bottom over a shade, closed with the X or a tap on the shade. */
@media(max-width:700px){
  .ex-board{top:56px;right:var(--muck-space-3)}
  .ex-board-tab{justify-content:center;width:var(--ex-board-w,82px);height:30px;padding:0 6px;border:1px solid var(--muck-line-strong);border-radius:var(--ex-board-r,6px);background:var(--muck-surface-1);color:var(--muck-gold);font:700 12px/1 var(--muck-font);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
  .ex-board-tab .material-symbols-rounded,.ex-board-tab .ex-board-count{display:none}
  .ex-board-num{display:inline}
  .ex-board.is-open{z-index:var(--muck-z-menu)}
  .ex-board.is-open::before{content:"";position:fixed;inset:0;background:rgb(0 0 0 / .55)}
  .ex-board.is-open .ex-board-body{position:fixed;left:0;right:0;bottom:0;width:auto;min-width:0;max-width:none;max-height:85dvh;overflow:auto;padding:var(--muck-space-4) var(--muck-space-4) calc(var(--muck-space-4) + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:var(--muck-radius-overlay) var(--muck-radius-overlay) 0 0;background:var(--muck-surface-1);backdrop-filter:none}
  .ex-board.is-open .ex-board-head{margin-bottom:var(--muck-space-4)}
  .ex-board.is-open .ex-board-head b{font-size:16px}
  .ex-board.is-open .ex-board-close{width:44px;height:44px;margin:-10px -10px -10px 0}
  .ex-board.is-open .ex-board-who{font-size:13px}
  .ex-board.is-open .ex-board-row{padding:9px 0;font-size:13px}
  .ex-board.is-open .ex-board-row span{font-size:12px}
}
.fr-overlay-row button.ex-btn-quiet{background:#242424;color:#f2f2f2;box-shadow:inset 0 0 0 1px #3a3a3a}
/* An exhibition rewatch keeps to the Activity tab: no Hand tab (assets/table.js _replayStart; Shaun, 2026-11-03) */
body.is-ex-replay #al-tabs [data-pane="hand"]{display:none}
/* A name past 14 letters ("SuperMega Larry") a touch smaller on the plaque, so it fits whole instead of "SuperMega La…"
   (assets/table.js p-name-long; the name box is 100px beside the plaque's corner icons) */
#table-screen .player-info-box .p-name .p-name-text.p-name-long{font-size:.78rem;letter-spacing:-.01em}
/* A phone rewatch: the replay bar is the top strip, so the table header's avatar button under it goes (it peeked out) */
@media (max-width:719px){body.is-replay #table-screen .table-header .header-right{visibility:hidden}}
/* and on the phone plaque (mobile-table.css sets 13px at this specificity; Shaun, 2026-11-03: "make the name a bit smaller.
   so its not truncated") */
body.mobile-game-active #table-screen .table-rail .poker-table :is(.mobile-opp-name,.mobile-me-name).p-name-long,
body.mobile-game-active #table-screen .poker-table :is(.mobile-opp-name,.mobile-me-name).p-name-long{font-size:11.5px;letter-spacing:-.01em}

/* The end of a run (assets/table.js _exEndCard; Shaun, 2026-11-04: "make that more nice for them and pretty with information,
   and make rematch the primary cta, then show basic stats and make the button see full stats"): the score, the two of them
   side by side, four numbers, where the run stands, then Play another run (gold) and See full stats. */
.ex-end{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:16px;padding:var(--muck-space-6) var(--muck-space-5) var(--muck-space-4);border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-overlay);background:var(--muck-surface-1);box-shadow:var(--muck-shadow-overlay);color:var(--muck-text);font-family:var(--muck-font);text-align:center}
.ex-end h2{margin:0;font:800 24px/1.2 var(--muck-font);letter-spacing:-.02em}
.ex-end-sub{margin:6px 0 0;color:var(--muck-text-2);font-size:13px}
.ex-end-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--muck-space-3);margin:var(--muck-space-5) 0 0}
.ex-end-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.ex-end-side img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--muck-line-strong);background:var(--muck-surface-2)}
.ex-end-side b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
.ex-end-net{font:800 20px/1 var(--muck-font);font-variant-numeric:tabular-nums;color:var(--muck-text-2)}
.ex-end--win .ex-end-side--h .ex-end-net,.ex-end--loss .ex-end-side--b .ex-end-net{color:var(--muck-gold)}
.ex-end--win .ex-end-side--h img,.ex-end--loss .ex-end-side--b img{border-color:var(--muck-gold)}
.ex-end-v{color:var(--muck-text-3);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ex-end-best{display:flex;align-items:center;justify-content:center;gap:6px;margin:var(--muck-space-4) 0 0;padding:10px 12px;border:1px solid var(--muck-line);border-radius:10px;color:var(--muck-text-2);font-size:13px;line-height:1.4}
.ex-end-best b{color:var(--muck-text);white-space:nowrap}
.ex-end-best.is-best{border-color:color-mix(in srgb,var(--muck-gold) 45%,transparent);color:var(--muck-gold)}
.ex-end-best .material-symbols-rounded{font-family:'Material Symbols Rounded';font-size:18px;font-weight:normal;font-style:normal;line-height:1}
.ex-end-stats{margin:var(--muck-space-4) 0 0;text-align:left}
.ex-end-wait{margin:0;color:var(--muck-text-3);font-size:12px;text-align:center}
.ex-end-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--muck-space-2);padding:8px 0;border-top:1px solid var(--muck-line);font-size:13px}
.ex-end-row:last-child{border-bottom:1px solid var(--muck-line)}
.ex-end-row span{color:var(--muck-text-3);font-size:12px;text-align:center;white-space:nowrap}
.ex-end-row b{color:var(--muck-text-2);font-weight:700;font-variant-numeric:tabular-nums}
.ex-end-row b:last-child{text-align:right}
.ex-end-row b.is-lead{color:var(--muck-gold)}
.ex-end-note{margin:8px 0 0;color:var(--muck-text-3);font-size:12px;line-height:1.45;text-align:center}
.ex-end-money{margin:var(--muck-space-4) 0 0;color:var(--muck-text-2);font-size:13px;line-height:1.5}
.ex-end-actions{display:flex;gap:10px;margin:var(--muck-space-5) 0 0}
.ex-end-actions .mk-btn{flex:1 1 0;min-width:0;height:48px;margin:0}
.ex-end-leave{min-height:44px;margin:var(--muck-space-2) 0 0;padding:0 16px;border:0;background:none;color:var(--muck-text-2);font:700 14px var(--muck-font);cursor:pointer}
.ex-end-leave:hover{color:var(--muck-text)}
.ex-end-leave:focus-visible{outline:2px solid var(--muck-gold);outline-offset:2px;border-radius:8px}
@media(max-width:480px){
  .ex-end{padding:var(--muck-space-5) var(--muck-space-4) var(--muck-space-3)}
  .ex-end h2{font-size:21px}
  .ex-end-actions{flex-direction:column}
  .ex-end-actions .mk-btn{flex:none;width:100%}
}