/* Desktop workspace: fill the window without stretching player/card artwork. */
.desktop-session-controls,.al-tab-label,.desktop-history-tab {display:none}
body.desktop-game-active #table-screen {width:var(--desktop-canvas-width,1400px);max-width:none}
html body.desktop-game-active #table-screen .table-header {padding-inline:28px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.desktop-game-active .table-area {padding:42px 100px 80px}
body.desktop-game-active .table-rail {--felt-height:460px;--felt-ratio:2.3;width:min(100%,calc(var(--felt-height) * var(--felt-ratio) + 64px));max-width:none;flex-shrink:0}
body.desktop-game-active .poker-table {height:var(--felt-height);aspect-ratio:auto}
body.desktop-game-active .bottom-zone {height:160px;width:100%;margin:0;padding:0 24px 16px;gap:28px;align-items:stretch}
body.desktop-game-active .bottom-zone-log {flex:0 0 360px;width:360px;margin:0;border-radius:10px;background:var(--card-surface,rgba(9,19,33,.8));border:1px solid #ffffff20;box-shadow:0 8px 24px #0003}
body.desktop-game-active .desktop-session-controls {display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #ffffff10;min-height:32px}
body.desktop-game-active .desktop-session-controls button {font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;color:var(--text-secondary,#bdc3ce);background:transparent;border:1px solid #ffffff1c;border-radius:5px;padding:5px 10px;cursor:pointer}
body.desktop-game-active .desktop-session-controls button:hover {background:#ffffff0d;color:var(--text-primary,#fff)}
body.desktop-game-active .desktop-session-controls button[aria-pressed="true"] {color:var(--gold-light);border-color:var(--gold-light)}
body.desktop-game-active .desktop-session-controls .dock-settings {margin-left:auto}
body.desktop-game-active .activity-log {flex-direction:column}
body.desktop-game-active .al-tabs {width:100%;flex-direction:row;height:32px;border-right:0;border-bottom:1px solid #ffffff14;background:#0002}
body.desktop-game-active .al-tab-btn,body.desktop-game-active .desktop-history-tab {display:flex;flex:1;gap:6px;height:32px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-muted);font:600 11px/1.2 sans-serif;cursor:pointer;align-items:center;justify-content:center}
body.desktop-game-active .al-tab-btn.active {border-bottom-color:var(--gold-light);color:var(--gold-light);background:#ffffff06}
body.desktop-game-active .al-tab-label {display:inline}
body.desktop-game-active .al-tab-btn .material-symbols-rounded {font-size:15px}
body.desktop-game-active .al-main {min-height:0}
body.desktop-game-active .activity-log-body {padding:6px 12px;overflow-y:auto}
body.desktop-game-active .activity-log-entry {font-size:11px;line-height:1.5;color:var(--text-secondary)}
body.desktop-game-active .action-hand-col {width:100%;height:100%;align-items:flex-start;padding:8px 14px;gap:8px}
body.desktop-game-active .action-hand-cards {justify-content:flex-start}
body.desktop-game-active .bottom-zone-main {position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(720px,calc(100% - 800px));height:calc(100% - 16px);justify-content:flex-end}
body.desktop-game-active .action-btns-col {gap:12px}
body.desktop-game-active .action-btn-grid {padding-inline:0;gap:12px}
body.desktop-game-active .btn-action {flex:1 1 0;max-width:320px;height:56px;border-radius:9px}
body.desktop-game-active .sizing-row {justify-content:center;gap:8px}
body.desktop-game-active .px-skills-bar {left:412px}

/* When checking is free, center the two available actions without a blank fold slot. */
body.desktop-game-active .btn-fold[style*="visibility: hidden"] {display:none!important}

/* One command panel, with a quiet surface and a single primary action. */
body.desktop-game-active .action-main {padding:12px;box-sizing:border-box;height:auto;background:rgba(8,15,26,.72);border:1px solid #ffffff14;border-radius:6px;box-shadow:0 8px 24px #0002}
body.desktop-game-active .action-btns-col {gap:12px}
body.desktop-game-active .action-btn-grid {gap:8px;width:100%}
body.desktop-game-active .btn-action {height:60px;max-width:none;border-radius:8px;font-size:12px;font-weight:650;letter-spacing:.06em;gap:3px;box-shadow:inset 0 1px 0 #ffffff08;transition:background .15s,border-color .15s}
body.desktop-game-active .btn-action-sub {font-size:19px;line-height:1.15;font-weight:750;letter-spacing:0;font-variant-numeric:tabular-nums}
body.desktop-game-active .btn-fold {background:#ffffff05;border:1px solid #ffffff20;color:#b9c4d4}
body.desktop-game-active .btn-fold:hover:not(:disabled) {background:#ffffff0d;border-color:#ffffff40}
body.desktop-game-active .btn-check,body.desktop-game-active .btn-check[data-action="call"] {background:#233b57;border-color:#46617c;color:#edf4fb;box-shadow:inset 0 1px 0 #ffffff0d}
body.desktop-game-active .btn-check:hover:not(:disabled) {background:#2d4968;border-color:#67819a}
body.desktop-game-active .btn-bet,body.desktop-game-active .btn-bet[data-action="raise"] {background:linear-gradient(180deg,#e1bc7f,#cea05d);border-color:#edcc94;color:#211b13;box-shadow:inset 0 1px 0 #ffffff38}
body.desktop-game-active .btn-bet:hover:not(:disabled) {background:linear-gradient(180deg,#eccb93,#dbb272);border-color:#f5dcac}
body.desktop-game-active #sizing-row {display:grid;grid-template-columns:32px 76px 32px minmax(64px,1fr) auto 68px;gap:6px;width:100%;height:38px;padding:0;align-items:center}
body.desktop-game-active #sizing-row.hidden {display:none}
body.desktop-game-active #bet-dec {order:1}
body.desktop-game-active #bet-amount-input {order:2}
body.desktop-game-active #bet-inc {order:3}
body.desktop-game-active #bet-slider {order:4}
body.desktop-game-active #quick-bets {order:5;gap:4px}
body.desktop-game-active #btn-allin {order:6}
body.desktop-game-active #sizing-row :is(.btn-quick,.bet-input) {height:36px;min-height:36px;border-radius:6px;border:1px solid #ffffff1c;background:#ffffff05;color:#c6d0dd;box-shadow:none;font-size:11px;font-weight:600;letter-spacing:0;padding:0 10px}
body.desktop-game-active #sizing-row .btn-bb-step {width:32px;min-width:32px;padding:0;font-size:0}
body.desktop-game-active #bet-dec::before {content:'−';font-size:20px;font-weight:400}
body.desktop-game-active #bet-inc::before {content:'+';font-size:20px;font-weight:400}
body.desktop-game-active #sizing-row .bet-input {width:76px;min-width:0;padding:0 6px;box-sizing:border-box;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;background:#060c16;appearance:textfield}
body.desktop-game-active .bet-input::-webkit-inner-spin-button,body.desktop-game-active .bet-input::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
body.desktop-game-active #sizing-row .bet-slider {width:calc(100% - 16px);min-width:0;max-width:none;margin:0 8px;flex:1;height:4px;background:linear-gradient(to right,#d8b477 var(--pct,0%),#344154 var(--pct,0%));border:0;box-shadow:none}
body.desktop-game-active .bet-slider::-webkit-slider-thumb {width:16px;height:16px;border:2px solid #f4d59f;background:#d8b477;box-shadow:0 1px 4px #0005}
body.desktop-game-active .bet-slider::-moz-range-thumb {width:14px;height:14px;border:2px solid #f4d59f;background:#d8b477;box-shadow:none}
body.desktop-game-active #sizing-row .btn-quick:hover:not(:disabled) {background:#ffffff10;border-color:#ffffff38;color:#fff}
body.desktop-game-active .action-panel :is(button,input[type=checkbox],input[type=radio],input[type=range]):focus-visible {outline:2px solid #e3bd7d;outline-offset:3px}
body.desktop-game-active .action-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible {outline:none;border-color:#e3bd7d}   /* one border, no second ring */

/* Match the inward clearance used by the top and hero bet stacks, plus 8px: the avatar overhangs the seat's box, so the
   chips sat tight against it (Shaun, 2026-10-18: "a bit too close to side players on desktop. add like 8px"). The amount
   goes under the chips, as everywhere else ("swap the label under the chips"). */
body.desktop-game-active .poker-table:is([data-count="3"],[data-count="4"]) .seat-slot[data-seat="1"] .bet-stack,
body.desktop-game-active .poker-table[data-count="6"] .seat-slot[data-seat="2"] .bet-stack {left:calc(100% + 32px);flex-direction:column-reverse}
body.desktop-game-active .poker-table[data-count="3"] .seat-slot[data-seat="2"] .bet-stack,
body.desktop-game-active .poker-table[data-count="4"] .seat-slot[data-seat="3"] .bet-stack,
body.desktop-game-active .poker-table[data-count="6"] .seat-slot[data-seat="5"] .bet-stack {right:calc(100% + 32px);flex-direction:column-reverse}
body.desktop-game-active .poker-table[data-count="6"] .seat-slot[data-seat="4"] .bet-stack {top:calc(100% + 24px)}
body.desktop-game-active .poker-table[data-count="6"] .seat-slot[data-seat="1"] .bet-stack {bottom:calc(100% + 99px)}

/* Plaque icons: one tidy column on the right edge, same box and glyph size,
   centred as a pair on the plaque (Shaun: "inconsistently placed and look
   haphazardly placed"). Top slot: notes (opponents) or emote (you); bottom
   slot: the HUD. A lone icon sits dead centre. */
body.desktop-game-active #table-screen .player-info-box :is(.notes-trigger-btn,.hud-trigger-btn,.emote-trigger-btn) {position:absolute;left:auto;right:8px;bottom:auto;width:20px;height:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;transform:none}
body.desktop-game-active #table-screen .player-info-box :is(.notes-trigger-btn,.emote-trigger-btn) {top:calc(50% - 21px)}
body.desktop-game-active #table-screen .player-info-box .hud-trigger-btn {top:calc(50% + 1px)}
body.desktop-game-active #table-screen .player-info-box:not(:has(.notes-trigger-btn:not(.hidden))):not(:has(.emote-trigger-btn:not(.hidden))) .hud-trigger-btn {top:calc(50% - 10px)}
body.desktop-game-active #table-screen .player-info-box :is(.notes-trigger-btn,.hud-trigger-btn,.emote-trigger-btn) .material-symbols-rounded {position:static;top:0;display:block;width:16px;height:16px;font-size:16px;line-height:16px;text-align:center;overflow:hidden}
body.desktop-game-active #table-screen .player-info-box :is(.notes-trigger-btn,.hud-trigger-btn,.emote-trigger-btn):hover {transform:scale(1.12)}
body.desktop-game-active #table-screen .player-info-box .p-info-text {padding-right:22px}

/* Balanced desktop composition: rail above the command dock with clear hero spacing. */
body.desktop-game-active #table-screen .table-header .brand {font-size:23px;letter-spacing:.045em}
body.desktop-game-active #table-screen .table-header .btn-nav {font-size:12px}
body.desktop-game-active #table-screen .table-rail {padding:28px;border-width:4px}
body.desktop-game-active #table-screen .bottom-zone-log {flex-basis:320px;width:320px}
body.desktop-game-active #table-screen .bottom-zone-main {width:min(720px,calc(100% - 700px))}
body.desktop-game-active #table-screen .action-main {padding:16px;border-radius:6px}
body.desktop-game-active #table-screen .table-area {padding:102px 100px 60px}
body.desktop-game-active #table-screen .table-rail {--felt-height:440px}
/* (the top seats' face-down cards used to sit 20px lower; table.js _alignOppCardRows now gives every seat the same
   amount of card as yours, and face-up cards no longer jump 20px at a showdown — 2026-10-09) */

/* Hand tab: fit the hand name and cards inside the panel (they overflowed
   and the cards were cut off). Smaller name, no strength bar, cards a touch
   smaller, everything top-aligned. */
body.desktop-game-active #action-hand-col {justify-content:flex-start;padding:7px 14px 6px;gap:5px}
body.desktop-game-active #action-hand-col .action-hand-name {min-height:0;gap:0}
body.desktop-game-active #action-hand-col .action-hand-value {font-size:12px;line-height:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.desktop-game-active #action-hand-col .action-hand-value.empty {color:var(--text-muted)}
body.desktop-game-active #action-hand-col :is(.action-rank-bar,.action-rank-bar-label) {display:none!important}
body.desktop-game-active #action-hand-col .action-hand-cards {gap:5px;padding:0;margin:0;height:auto;align-items:flex-start}
body.desktop-game-active #action-hand-col .ahc-card {box-sizing:border-box;width:34px;height:40px;border-radius:5px}
.desktop-dock-tab,.dock-restore,.dock-chat-status {display:none}
body.desktop-game-active #table-screen .bottom-zone-log {height:144px;align-self:flex-end;display:flex;flex-direction:column;overflow:hidden}
body.desktop-game-active #table-screen .desktop-session-controls {flex:0 0 32px;min-height:32px;box-sizing:border-box;padding:4px 8px;gap:5px}
body.desktop-game-active #table-screen .desktop-session-controls button {padding:4px 6px}
body.desktop-game-active #table-screen #activity-log {flex:1;min-height:0;height:auto;overflow:hidden}
body.desktop-game-active #table-screen #al-tabs {flex:0 0 28px;height:28px;box-sizing:border-box}
body.desktop-game-active #table-screen #al-tabs button {height:28px;min-width:0;gap:3px;font-size:10px}
body.desktop-game-active #table-screen #al-tabs .material-symbols-rounded {display:none}
body.desktop-game-active #table-screen .al-main {flex:1;min-height:0}
body.desktop-game-active #table-screen .al-pane {overflow:auto}
body.desktop-game-active #table-screen #action-hand-col {height:auto;min-height:0;flex:none;box-sizing:border-box;padding:8px 12px;gap:6px;justify-content:flex-start}
body.desktop-game-active #table-screen .action-hand-name {height:auto;min-height:16px;flex:none;overflow:visible}
body.desktop-game-active #table-screen .action-hand-value {height:auto;min-height:16px;line-height:16px;margin:0;padding:0;overflow:visible}
body.desktop-game-active #table-screen :is(.action-rank-bar,.action-rank-bar-label) {display:none!important}
body.desktop-game-active #table-screen .action-hand-value::after {content:none!important;display:none!important}
body.desktop-game-active #table-screen .action-hand-cards {flex:none}
/* Closed (the X), the panel drops down to its tab row at full width, no longer a narrow button at the side (Shaun,
   2026-10-26: "when you click the x on that bottom left panel in game, it should expand down not left, until you can only
   see the top menu options"). max-height, so it wins over the fixed heights; a tab or the arrow opens it again
   (desktop-table.js). */
body.desktop-game-active #table-screen .bottom-zone-log.log-collapsed {max-height:29px}
body.desktop-game-active #table-screen #activity-log.collapsed .al-tabs {display:flex}
body.desktop-game-active #table-screen #dock-player-notes {padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}
body.desktop-game-active #table-screen #dock-player-notes button {border:1px solid #ffffff20;background:#ffffff08;color:var(--text-primary);border-radius:5px;padding:7px;text-align:left;cursor:pointer}
body.desktop-game-active #table-screen .chat-only .activity-log-entry:not(.al-chat-entry) {display:none}
body.desktop-game-active #table-screen .chat-only .dock-chat-status {display:block;padding:10px;margin:0;font-size:12px;color:var(--text-secondary)}
body.desktop-game-active #table-screen #activity-log-toggle {font:600 18px/18px sans-serif;width:24px;height:24px;padding:0;flex:none}
body.desktop-game-active #table-screen .chat-locked {padding:7px;gap:6px;font-size:11px;flex-wrap:wrap}
body.desktop-game-active #table-screen .chat-locked-text {flex:1;min-width:130px}
body.desktop-game-active #table-screen .chat-unlock-btn {font-size:11px;padding:5px 8px}
body.desktop-game-active #table-screen .chat-locked .chat-mute-input {flex:1 1 100%;min-width:0;font-size:12px}   /* /mute without the unlock (table.js _chatCommand) */

body.desktop-game-active #table-screen #al-tabs #activity-log-toggle {display:block;flex:0 0 28px;width:28px;height:28px;margin-left:auto;border:0;border-left:1px solid #ffffff15;border-radius:0;color:var(--text-secondary);background:transparent;font-size:18px}
/* Chat owns its composer; Activity stays a game-event feed. */
body.desktop-game-active #table-screen #activity-log:not(.chat-only) :is(#chat-locked,#chat-unlocked-wrap,.al-chat-entry,.dock-chat-status) {display:none!important}

/* Desktop footer with actions, presets and always-visible exact sizing. */
.desktop-footer-settings {display:none}
body.desktop-game-active #table-screen .bottom-zone-main {left:auto;right:24px;transform:none;width:calc(100% - 380px)}
body.desktop-game-active #table-screen .action-main {padding:16px 20px;border-radius:30px;background:linear-gradient(180deg,#141c1e,#0c1214);border:1px solid #ffffff0a;box-shadow:0 8px 28px #0005}
body.desktop-game-active #table-screen .action-btns-col {display:grid;grid-template-columns:repeat(3,minmax(90px,1fr)) auto 76px 52px;gap:10px;align-items:center;width:100%}
body.desktop-game-active #table-screen .action-btn-grid {display:contents}
body.desktop-game-active #table-screen #sizing-row:not(.hidden) {display:contents}
body.desktop-game-active #table-screen .btn-action {grid-row:1;height:64px;border-radius:16px;font-size:15px;letter-spacing:.025em}
body.desktop-game-active #table-screen #btn-fold {grid-column:1}
body.desktop-game-active #table-screen #btn-check {grid-column:2}
body.desktop-game-active #table-screen #btn-bet {grid-column:3}
body.desktop-game-active #table-screen :is(.desktop-footer-settings) {display:grid;place-items:center;grid-row:1;height:56px;padding:0;border:1px solid #ffffff24;background:linear-gradient(180deg,#1b2326,#101719);color:#aab2b1;cursor:pointer;transition:filter .15s}
body.desktop-game-active #table-screen .desktop-footer-settings {grid-column:6;border-radius:50%;height:52px}
body.desktop-game-active #table-screen .desktop-footer-settings span {font-size:27px}
body.desktop-game-active #table-screen #quick-bets {grid-column:4;grid-row:1;display:flex;gap:8px;margin-left:16px}
body.desktop-game-active #table-screen #btn-allin {grid-column:5;grid-row:1}
body.desktop-game-active #table-screen #sizing-row :is(#quick-bets .btn-quick,#btn-allin) {height:56px;min-height:56px;border-radius:30px;padding:0 16px;font-size:14px;text-transform:none;background:linear-gradient(180deg,#1b2326,#101719);border-color:#ffffff20;color:#aab2b1}
body.desktop-game-active #table-screen :is(.desktop-footer-settings):hover:not(:disabled),body.desktop-game-active #table-screen #sizing-row :is(#quick-bets .btn-quick,#btn-allin):hover:not(:disabled) {filter:brightness(1.15)}
body.desktop-game-active #table-screen .action-btns-col:not(.sizing-expanded) :is(#bet-dec,#bet-inc,#bet-amount-input,#bet-slider) {display:none}
body.desktop-game-active #table-screen .sizing-expanded #bet-dec {grid-row:2;grid-column:1;justify-self:start}
body.desktop-game-active #table-screen .sizing-expanded #bet-amount-input {grid-row:2;grid-column:1;justify-self:end;width:calc(100% - 40px)}
body.desktop-game-active #table-screen .sizing-expanded #bet-inc {grid-row:2;grid-column:2;justify-self:start}
body.desktop-game-active #table-screen .sizing-expanded #bet-slider {grid-row:2;grid-column:3 / 7}

/* Continuous desktop footer, flush to the viewport bottom. */
body.desktop-game-active #table-screen {height:var(--desktop-canvas-height,865px);max-height:none}
body.desktop-game-active #table-screen .bottom-zone {position:relative;bottom:0;left:0;flex:0 0 160px;height:160px;margin-top:auto;padding:0;gap:0;background:#101618;border-top:1px solid #ffffff18}
body.desktop-game-active #table-screen .bottom-zone-log {height:100%;border:0;border-right:1px solid #ffffff18;border-radius:0;background:transparent;box-shadow:none}
/* Action group centered on the screen, not in the space right of the Hand panel (Shaun, 2026-10-02: "these
   shouldnt be so wide... center them and make them have space on the right"). The 680px keeps it clear of the
   320px panel on the left with the same margin mirrored on the right; the canvas is never under 1400px wide. */
body.desktop-game-active #table-screen .bottom-zone-main {right:auto;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 680px));height:100%;justify-content:center}
body.desktop-game-active #table-screen .action-main {background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px 24px}
body.desktop-game-active #table-screen .bottom-zone-log.log-collapsed {align-self:flex-end}

body.desktop-game-active #table-screen .bottom-zone :is(.action-main,.bottom-zone-log) {background:transparent;box-shadow:none;border-radius:0}
html body.desktop-game-active #table-screen .bottom-zone {background:#101618;border-top:1px solid #ffffff18}

.desktop-footer-menu {display:none}
/* Top right: just your avatar; it opens the table menu (Settings, Sit Out, Leave Table). No footer cog (2026-10-04). */
body.desktop-game-active #table-screen .header-right {display:flex;align-items:center;position:absolute;top:10px;right:16px;z-index:45}
body.desktop-game-active #table-screen .header-right > :not(#avatar-menu) {display:none!important}
body.desktop-game-active #table-screen #avatar-menu {position:relative}
body.desktop-game-active #table-screen #avatar-menu-dropdown {display:none!important}
body.desktop-game-active #table-screen #btn-table-avatar {width:40px;height:40px;border-radius:50%;border:2px solid #ffffff2e;background-size:cover;background-position:center;cursor:pointer}
body.desktop-game-active #table-screen #btn-table-avatar:hover {border-color:var(--gold-light)}
body.desktop-game-active #table-screen #avatar-menu .desktop-footer-menu:not([hidden]) {top:-8px;bottom:auto;right:-8px}
/* one unit with the avatar: the panel starts at the avatar's top, the avatar sits in its corner above it */
body.desktop-game-active #table-screen #avatar-menu {position:relative}
body.desktop-game-active #table-screen #avatar-menu:has(.desktop-footer-menu:not([hidden])) #btn-table-avatar {position:relative;z-index:101;border-color:var(--muck-gold-muted,#a8904f)}
body.desktop-game-active #table-screen .desktop-footer-menu .dfm-head {display:flex;align-items:center;min-height:40px;margin:0 0 6px;padding:0 52px 8px 10px;border-bottom:1px solid var(--muck-line,#354445);color:var(--muck-text,#f4f1e9);font:700 14px/1.2 var(--muck-font,Inter,system-ui,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* The table menu matches the site's account menu (Shaun, 2026-10-06: "styled like our website"): same panel, icons,
   grey items that turn gold on hover; Leave Table sits under a divider */
body.desktop-game-active #table-screen .desktop-footer-menu:not([hidden]) {display:flex;flex-direction:column;gap:2px;position:absolute;right:20px;bottom:calc(100% - 4px);z-index:100;width:208px;padding:8px;background:var(--muck-surface-1,#181f20);border:1px solid var(--muck-line,#354445);border-radius:12px;box-shadow:0 24px 80px #0009}
body.desktop-game-active #table-screen .desktop-footer-menu button {display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;text-align:left;border:0;border-radius:6px;background:transparent;color:#bfc1c9;font:600 13px/1.2 var(--muck-font,Inter,system-ui,sans-serif);cursor:pointer;transition:background .12s,color .12s}
body.desktop-game-active #table-screen .desktop-footer-menu button[hidden] {display:none}
body.desktop-game-active #table-screen .desktop-footer-menu button .material-symbols-rounded {font-size:19px;color:var(--muck-text-3,#8b9497);transition:color .12s}
body.desktop-game-active #table-screen .desktop-footer-menu button:hover:not(:disabled),
body.desktop-game-active #table-screen .desktop-footer-menu button:focus-visible {background:#292b31;color:#cdb47e;outline:none}
body.desktop-game-active #table-screen .desktop-footer-menu button:hover:not(:disabled) .material-symbols-rounded,
body.desktop-game-active #table-screen .desktop-footer-menu button:focus-visible .material-symbols-rounded {color:var(--muck-gold,#ffd34f)}
body.desktop-game-active #table-screen .desktop-footer-menu button.dfm-leave {margin-top:5px;position:relative}
body.desktop-game-active #table-screen .desktop-footer-menu button.dfm-leave::before {content:'';position:absolute;left:6px;right:6px;top:-4px;height:1px;background:var(--muck-line,#354445)}
body.desktop-game-active #table-screen .desktop-footer-menu button:disabled {opacity:.4;cursor:default}

body.desktop-game-active #table-screen .poker-table[data-count="6"] .seat-slot[data-seat="1"] .card-row {bottom:calc(100% - var(--desktop-bottom-overlap,20px))}

body.desktop-game-active #table-screen .poker-table[data-count="6"] .seat-slot[data-seat="1"] {bottom:-78px}

/* Two balanced rows: primary actions, then presets and precise sizing. */
body.desktop-game-active #table-screen .action-btns-col,
body.desktop-game-active #table-screen .action-btns-col:has(#btn-fold[style*="visibility: hidden"]) {
  grid-template-columns:repeat(3,minmax(70px,1fr)) 44px 112px 44px minmax(150px,2fr) 52px;
  gap:12px 0;
}
body.desktop-game-active #table-screen .action-btn-grid {display:grid;grid-column:1/-1;grid-row:1;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}
body.desktop-game-active #table-screen .action-btn-grid #btn-fold[style*="visibility: hidden"] {display:none}
body.desktop-game-active #table-screen .action-btn-grid :is(#btn-fold,#btn-check,#btn-bet) {grid-column:auto;grid-row:auto;height:68px;font-size:20px;border-radius:17px;transition:filter .16s,box-shadow .16s}
body.desktop-game-active #table-screen .action-btn-grid #btn-fold {background:linear-gradient(#141d20,#070c0e);border:1px solid #5b6363;color:#eee}
body.desktop-game-active #table-screen .action-btn-grid #btn-check {background:linear-gradient(#1c5443,#061c17);border:1px solid #659b86;color:#f1f4ee}
body.desktop-game-active #table-screen .action-btn-grid #btn-bet {background:linear-gradient(#f1ce82,#bf985d 55%,#80623d);border:1px solid #e8d4a6;color:#0c1111}
body.desktop-game-active #table-screen .action-btn-grid .btn-action:hover:not(:disabled) {filter:brightness(1.08);transform:none;box-shadow:inset 0 1px 0 #ffffff20}
body.desktop-game-active #table-screen .action-btns-col #quick-bets {grid-column:1/3;grid-row:2;margin:0 12px 0 0;gap:12px}
body.desktop-game-active #table-screen #quick-bets .btn-quick {flex:1;min-width:0}
body.desktop-game-active #table-screen .action-btns-col #btn-allin {grid-column:3;grid-row:2;margin-right:20px}
body.desktop-game-active #table-screen #sizing-row :is(#quick-bets .btn-quick,#btn-allin) {height:48px;min-height:48px;font-size:17px;padding:0 10px;background:linear-gradient(#141d20,#0b1316);border-color:#465154;color:#c4c9c8}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #bet-dec {grid-column:4;grid-row:2;border-radius:16px 0 0 16px;border-right:0}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #bet-amount-input {grid-column:5;grid-row:2;width:100%;border-radius:0;border-left:0;border-right:0;background:#0b1316;color:#eee;font-size:20px}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #bet-inc {grid-column:6;grid-row:2;border-radius:0 16px 16px 0;border-left:0}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded :is(#bet-dec,#bet-inc,#bet-amount-input) {height:48px;min-width:0;justify-self:stretch;border-color:#465154}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded :is(#bet-dec,#bet-inc) {width:44px;background:linear-gradient(#202a2d,#11191c);font-size:25px;color:#bfc5c4}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #bet-slider {grid-column:7;grid-row:2;width:calc(100% - 40px);margin:0 20px;height:10px;border:1px solid #465154;border-radius:12px;background:linear-gradient(to right,#e6bf75 0%,#e6bf75 var(--pct,0%),#030808 var(--pct,0%),#030808 100%)}
body.desktop-game-active #table-screen #bet-slider::-webkit-slider-thumb {width:23px;height:23px;border:2px solid #f4dfb0;background:#e7c584;box-shadow:0 1px 4px #0005}
body.desktop-game-active #table-screen .action-btns-col .desktop-footer-settings {grid-column:8;grid-row:2;height:48px;width:48px;background:linear-gradient(#141d20,#0b1316);border-color:#465154}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded :is(#bet-dec,#bet-inc) {font-size:0}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded :is(#bet-dec,#bet-inc)::before {font-size:25px}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded :is(#bet-dec,#bet-inc) {display:flex;align-items:center;justify-content:center;padding:0}

/* Keep the action group centered while the dock folds into its corner icon. */
body.desktop-game-active #table-screen .bottom-zone-main {transition:left .28s ease,width .28s ease}
body.desktop-game-active #table-screen .bottom-zone-log {max-height:420px;transition:width .28s ease,flex-basis .28s ease,height .28s ease,max-height .28s ease,min-height .28s ease}
/* Chat, twice as tall: the arrow at its bottom right (Shaun, 2026-10-26: "have a little up arrow in the bottom right of chat
   on desktop, that lets you expand, contract that chat tab to double height. switching tabs makes the element go back to
   the contracted view"). min-height, so it wins over the fixed heights; it grows up, off the bottom edge. */
.dock-grow {display:none}
body.desktop-game-active #table-screen .bottom-zone-log.dock-tall:not(.log-collapsed) {min-height:320px}
body.desktop-game-active #table-screen .bottom-zone-log:not(.log-collapsed) #activity-log.chat-only .dock-grow {position:absolute;right:8px;bottom:8px;z-index:3;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #ffffff1f;border-radius:6px;background:#0b0f12e6;color:#aeb6bb;cursor:pointer}
body.desktop-game-active #table-screen .bottom-zone-log #activity-log.chat-only .dock-grow:hover {border-color:#c7b07880;color:var(--muck-gold)}
body.desktop-game-active #table-screen .bottom-zone-log #activity-log.chat-only .dock-grow .material-symbols-rounded {font-size:18px;line-height:18px}
body.desktop-game-active #table-screen .bottom-zone-log:not(.log-collapsed) #activity-log.chat-only .chat-input-row .dock-grow {position:static;flex:0 0 26px;margin-left:2px}
body.desktop-game-active #table-screen #activity-log {position:relative}
body.desktop-game-active #table-screen .bottom-zone-log .dock-icon-up {transform:rotate(180deg)}
/* The upward-opening cog menu must escape the action panel and cover the table. */
body.desktop-game-active #table-screen #action-panel {overflow:visible}
body.desktop-game-active #table-screen .bottom-zone:has(.desktop-footer-menu:not([hidden])) {z-index:60}

/* Keep settings usable outside the player's turn; only betting controls fade. */
body.desktop-game-active #table-screen .action-btns-col.turn-hidden,
body.desktop-game-active #table-screen.turn-pending .action-btns-col {opacity:1;pointer-events:auto}
body.desktop-game-active #table-screen .action-btns-col.turn-hidden > :not(.desktop-footer-menu):not(.desktop-footer-settings),
body.desktop-game-active #table-screen .action-btns-col.turn-hidden #sizing-row > * {opacity:.15;pointer-events:none}
body.desktop-game-active #table-screen .desktop-footer-menu,
body.desktop-game-active #table-screen .desktop-footer-settings {pointer-events:auto}

/* Folded seats stay fully visible (no dimming, by design) but say so: a small FOLDED tag on the
   plaque's top edge until the next hand (Shaun, 2026-10-01: a bot that folded on the flop looked
   like it was still in the hand on the turn). Mobile strips already dim instead. */
.player-info-box.is-folded { position: relative; }
.player-info-box.is-folded::before {
  content: 'FOLDED';
  position: absolute; top: -9px; left: 50%; transform: translateX(-50%); z-index: 3;
  padding: 2px 8px; border-radius: 999px; pointer-events: none;
  font: 800 9px/1.2 Inter, system-ui, sans-serif; letter-spacing: .12em; color: #b8c2cc;
  background: #20262d; border: 1px solid #3a434d; box-shadow: 0 2px 6px rgba(0,0,0,.45);
  /* shown for a second, then it fades away for the rest of the hand (Shaun, 2026-10-08) */
  animation: folded-tag-out .4s ease 1s forwards;
}
@keyframes folded-tag-out { to { opacity: 0; } }
body.mobile-game-active .player-info-box.is-folded::before { display: none; }

/* 2026-10-02: the dock's close button and the betting row's cog: icons centred in their buttons; Player Notes lock. */
body.desktop-game-active #table-screen :is(#activity-log-toggle,.desktop-footer-settings){display:flex;align-items:center;justify-content:center;padding:0}
body.desktop-game-active #table-screen :is(#activity-log-toggle,.desktop-footer-settings) .material-symbols-rounded{top:0;line-height:1;margin:0}
body.desktop-game-active #table-screen #activity-log-toggle .material-symbols-rounded{font-size:18px}
body.desktop-game-active #table-screen .desktop-footer-settings .material-symbols-rounded{font-size:24px}
body.desktop-game-active #table-screen .dock-notes-locked{max-width:none;margin:14px auto 0;padding:10px 12px}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-title{display:flex;align-items:center;gap:4px;font-size:.85rem}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-title .material-symbols-rounded{font-size:15px;top:0}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-desc{font-size:.72rem}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-unlock-btn[disabled]{opacity:.7;cursor:default}
/* the old "3-dot" restyle (style.css) draws dots with ::before and zeroes the font: undo it for the dock's close icon */
body.desktop-game-active #table-screen #al-tabs #activity-log-toggle{display:flex;align-items:center;justify-content:center;font-size:18px}
body.desktop-game-active #table-screen #activity-log-toggle::before{content:none;display:none}
body.desktop-game-active #table-screen #activity-log-toggle .material-symbols-rounded{display:inline-block;font-size:18px;width:auto;height:auto}
body.desktop-game-active #table-screen #activity-log-toggle:hover{color:var(--muck-text)}
/* Player Notes lock fits the short dock: smaller art, no white scrollbar */
body.desktop-game-active #table-screen #al-pane-notes{scrollbar-color: var(--muck-line-strong) transparent;scrollbar-width:thin}
body.desktop-game-active #table-screen .dock-notes-locked{margin-top:6px;padding:4px 10px;gap:3px}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-icon{width:30px;height:30px;border-radius:7px}
body.desktop-game-active #table-screen .dock-notes-locked .sticker-unlock-btn{margin-top:3px}
/* All-in or Fold (assets/table.js .aof-mode): the shown buttons share one full-width row, equal widths, in every spot
   (Fold + All In, Check + All In, or All In alone), on desktop and phones. A hidden button leaves the row. */
body.desktop-game-active #table-screen .action-btns-col.aof-mode .action-btn-grid {display:flex;grid-column:1/-1;grid-row:1;gap:10px;width:100%}
body .action-btns-col.aof-mode .action-btn-grid .btn-action {flex:1 1 0 !important;min-width:0}
.action-btns-col.aof-mode .action-btn-grid .btn-action:is(.hidden,[style*="visibility: hidden"],[style*="display: none"]) {display:none!important}

/* Approved lounge header: stakes beside the logo and a fused cog/player card. */
.desktop-header-cog,.desktop-header-player{display:none}
body.desktop-game-active #table-screen .table-header{min-height:78px;padding:18px 24px;align-items:flex-start}
body.desktop-game-active #table-screen .header-left{gap:26px;align-items:center;min-height:58px}
body.desktop-game-active #table-screen .brand img{width:158px;height:auto}
body.desktop-game-active #table-screen #blind-info{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #525b6066;border-radius:7px;background:linear-gradient(155deg,#1a2024,#090d10);color:#bfc6c9;font-size:12px;line-height:20px;white-space:nowrap}
body.desktop-game-active #table-screen #blind-info::before{content:attr(data-format);padding-right:12px;border-right:1px solid #68778066;color:#e4d4a5;font-size:14px;font-weight:650}
/* Short Deck: the header card opens the hand rankings (table.js _shortDeckBadge; it replaced the Short Deck pill, 2026-10-10) */
body.desktop-game-active #table-screen #blind-info[role="button"]{cursor:pointer}
body.desktop-game-active #table-screen #blind-info[role="button"]:hover{border-color:#c7b07880}
body.desktop-game-active #table-screen #blind-info[role="button"]:focus-visible{outline:2px solid var(--muck-gold);outline-offset:2px}
body.desktop-game-active #table-screen .header-right{top:18px;right:24px}
/* The corner card (Shaun, 2026-11-11: "killing the icon name and money, killing that space and just putting a cog next to
   the remaining text ... so its clearer, click the cog to expand the menu"; "use our form styling"; picked B, then "make
   the cog card connect to the card under when expanded with the cool opening effect"). The table's name and blinds sit in
   an info field and the cog is a button beside it. A tournament's field is its level and clock, a button that opens the
   mini lobby. Your picture, name and stack are on your plaque. Open, each menu hangs under its own button as one piece
   and unfolds out of it (motion.css mk-unfold). The look is the form fields' (assets/form.css .mk-select): surface-3
   with the strong line for what you can press, surface-1 with the plain line for what you only read, 8px corners. */
body.desktop-game-active #table-screen #avatar-menu{display:flex;align-items:center;gap:var(--muck-space-2);height:44px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.desktop-game-active #table-screen #avatar-menu>:is(#btn-table-avatar,.desktop-header-player){display:none}
body.desktop-game-active #table-screen #avatar-menu>.desktop-header-cog{order:9;position:relative;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-field);background:var(--muck-surface-3);color:var(--muck-text);cursor:pointer;transition:border-color var(--muck-dur-fast),background var(--muck-dur-fast),color var(--muck-dur-fast)}
body.desktop-game-active #table-screen #avatar-menu>.desktop-header-cog[hidden]{display:none}
body.desktop-game-active #table-screen #avatar-menu>.desktop-header-cog:hover{background:var(--muck-surface-2);border-color:var(--muck-gold-muted)}
body.desktop-game-active #table-screen #avatar-menu>.desktop-header-cog:focus-visible{outline:2px solid var(--muck-gold);outline-offset:2px}
body.desktop-game-active #table-screen #avatar-menu>.desktop-header-cog .material-symbols-rounded{font-size:20px;line-height:20px;transition:transform .2s var(--muck-ease)}
/* Open: the cog is the top of the menu. Square at the bottom, the menu's fill, its icon gold and turned; ::after carries
   its two sides down the 8px gap and over the menu's top line, so the cog and the menu are one outline. The tab is part
   of the cog, not the menu: drawn with the menu it came out a device pixel off the cog's sides on the scaled table.
   Where the cog's side turns into the menu's top the corner is rounded too, 8px like every other (Shaun, 2026-11-11:
   "there should not be non border radius corners next to border radius corners"): the ::after reaches 8px past the cog
   and draws that inside curve (the radial-gradient), the cog's sides and its fill as backgrounds. */
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden]))>.desktop-header-cog{z-index:101;border-color:var(--muck-line-strong);border-bottom-color:transparent;border-radius:var(--muck-radius-field) var(--muck-radius-field) 0 0;background:var(--muck-surface-1);color:var(--muck-gold)}
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden]))>.desktop-header-cog .material-symbols-rounded{transform:rotate(60deg)}
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden]))>.desktop-header-cog::after{content:'';position:absolute;top:100%;left:-9px;right:-1px;box-sizing:border-box;height:11px;border:0;border-right:1px solid var(--muck-line-strong);background:radial-gradient(circle at 0 2px,transparent 6.6px,var(--muck-line-strong) 7.2px,var(--muck-line-strong) 7.8px,var(--muck-surface-1) 8.4px) left 1px top 0/8px 10px no-repeat,linear-gradient(var(--muck-line-strong),var(--muck-line-strong)) left 8px top 0/1px 3px no-repeat,linear-gradient(var(--muck-surface-1),var(--muck-surface-1)) right 1px top 0/calc(100% - 10px) 100% no-repeat;background-origin:border-box;pointer-events:none}
body.desktop-game-active #table-screen #avatar-menu .desktop-footer-menu:not([hidden]){top:calc(100% + 8px);left:auto;right:0;bottom:auto;width:220px;box-sizing:border-box;padding:6px;border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-field) 0 var(--muck-radius-field) var(--muck-radius-field);background:var(--muck-surface-1);box-shadow:0 18px 40px #0008}
body.desktop-game-active #table-screen #avatar-menu .desktop-footer-menu .dfm-head{display:none}
/* the info field: the table's name and blinds (table.js _placeHeaderInfo moves them into #header-stakes) */
body.desktop-game-active #table-screen #header-stakes{order:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;height:44px;margin:0;padding:0 var(--muck-space-4);border:1px solid var(--muck-line);border-radius:var(--muck-radius-field);background:var(--muck-surface-1);font:500 13px/18px var(--muck-font);white-space:nowrap}
body.desktop-game-active #table-screen #header-stakes:empty{display:none}
body.desktop-game-active #table-screen #header-stakes :is(#blind-info,#blind-level-badge,#blind-level-timer){box-sizing:content-box;display:inline-flex;align-items:baseline;gap:10px;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--muck-text-2);font-size:13px;font-weight:500;line-height:18px}
body.desktop-game-active #table-screen #header-stakes .hidden{display:none}
body.desktop-game-active #table-screen #header-stakes #blind-info::before{padding:0;border:0;color:var(--muck-text);font-size:14px;font-weight:650}
body.desktop-game-active #table-screen #header-stakes #blind-info[role="button"]:hover::before{color:var(--muck-gold)}
body.desktop-game-active #table-screen #header-stakes #blind-level-timer{color:var(--muck-gold);font-weight:750;font-variant-numeric:tabular-nums}
body.desktop-game-active #table-screen #header-stakes #blind-level-timer::before{content:none}
/* Tournaments (table.js _tourneyChip/_syncTourneyMini): the level, its blinds and the clock are a button that opens and
   closes the mini lobby (open or shut is remembered). The field is as wide as its text (Shaun, 2026-11-11: "doesnt need
   that extra space to the right of the clock"); the mini lobby is the whole row wide, cog included, so its labels fit, and
   the field comes down into it as the cog does into its menu: 8px under the row, so the cog keeps its own edge (Shaun,
   2026-11-11: "cog misalignment/butting up"), the field's ::after carrying its sides down the gap, the soft rule under it. While the table menu is open the mini lobby steps aside
   and the field looks shut. */
body.desktop-game-active #table-screen #tourney-chip{order:0;align-self:stretch}
body.desktop-game-active #table-screen #tourney-chip[hidden]{display:none}
body.desktop-game-active #table-screen #tourney-chip .tc-head{box-sizing:border-box;display:flex;align-items:center;gap:12px;height:44px;margin:0;padding:0 10px 0 var(--muck-space-4);border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-field);background:var(--muck-surface-3);color:var(--muck-text-2);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--muck-dur-fast),background var(--muck-dur-fast)}
body.desktop-game-active #table-screen #tourney-chip .tc-head:hover{background:var(--muck-surface-2);border-color:var(--muck-gold-muted)}
body.desktop-game-active #table-screen #tourney-chip .tc-head:focus-visible{outline:2px solid var(--muck-gold);outline-offset:2px}
body.desktop-game-active #table-screen #tourney-chip #header-stakes{flex-direction:row;align-items:baseline;gap:12px;height:auto;padding:0;border:0;border-radius:0;background:none}
body.desktop-game-active #table-screen #tourney-chip #header-stakes #blind-level-badge{color:var(--muck-text);font-weight:600}
body.desktop-game-active #table-screen #tourney-chip #header-stakes #blind-level-timer{font-size:15px}
body.desktop-game-active #table-screen #tourney-chip .tc-chev{margin-left:auto;color:var(--muck-text-3);font-size:20px;line-height:20px;transition:transform var(--muck-dur-fast),color var(--muck-dur-fast)}
body.desktop-game-active #table-screen #tourney-chip.is-open .tc-chev{transform:rotate(180deg);color:var(--muck-gold)}
body.desktop-game-active #table-screen #tourney-chip.is-open .tc-head{position:relative;z-index:3;border-color:var(--muck-line-strong);border-bottom-color:transparent;border-radius:var(--muck-radius-field) var(--muck-radius-field) 0 0;background:var(--muck-surface-1)}
body.desktop-game-active #table-screen #tourney-chip.is-open .tc-head::after{content:'';position:absolute;top:100%;left:-1px;right:-9px;box-sizing:border-box;height:11px;border:0;border-left:1px solid var(--muck-line-strong);background:radial-gradient(circle at 100% 2px,transparent 6.6px,var(--muck-line-strong) 7.2px,var(--muck-line-strong) 7.8px,var(--muck-surface-1) 8.4px) right 1px top 0/8px 10px no-repeat,linear-gradient(var(--muck-line-strong),var(--muck-line-strong)) right 8px top 0/1px 3px no-repeat,linear-gradient(var(--muck-line),var(--muck-line)) left 1px bottom 1px/calc(100% - 10px) 1px no-repeat,linear-gradient(var(--muck-surface-1),var(--muck-surface-1)) left 1px top 0/calc(100% - 10px) 100% no-repeat;background-origin:border-box;pointer-events:none}
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden])) #tourney-chip.is-open .tc-head::after{content:none}
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden])) #tourney-chip.is-open .tc-head{border-bottom-color:var(--muck-line-strong);border-radius:var(--muck-radius-field);background:var(--muck-surface-3)}
body.desktop-game-active #table-screen #avatar-menu:has(>.desktop-footer-menu:not([hidden])) #tourney-chip.is-open .tc-chev{transform:none;color:var(--muck-text-3)}
body.desktop-game-active #table-screen #tourney-mini{box-sizing:border-box;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--muck-line-strong);border-radius:0 var(--muck-radius-field) var(--muck-radius-field) var(--muck-radius-field);background:var(--muck-line);box-shadow:0 18px 40px #0008;font-size:11.5px;line-height:15px;color:var(--muck-text-2)}
body.desktop-game-active #table-screen #tourney-mini[hidden],body.desktop-game-active #table-screen #tourney-chip:not(.is-open) #tourney-mini,
body.desktop-game-active #table-screen #avatar-menu:has(.desktop-footer-menu:not([hidden])) #tourney-mini{display:none}
body.desktop-game-active #table-screen #tourney-mini .tm-cell{display:flex;flex-direction:column;gap:1px;min-width:0;padding:8px 12px 9px;background:var(--muck-surface-1)}
body.desktop-game-active #table-screen #tourney-mini .tm-cell span{color:var(--muck-text-3);font-size:10.5px;font-weight:600}
body.desktop-game-active #table-screen #tourney-mini .tm-cell b{overflow:hidden;color:var(--muck-text);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis}
body.desktop-game-active #table-screen #tourney-mini .tm-cell.is-in b{color:#7ee8a2}
body.desktop-game-active #table-screen #tourney-mini .tm-foot{grid-column:1/-1;padding:8px 12px 10px;background:var(--muck-surface-1)}
body.desktop-game-active #table-screen #tourney-mini .tm-lobby{gap:6px;min-height:32px;padding:0 12px;font-size:12.5px}
body.desktop-game-active #table-screen #tourney-mini .tm-lobby .material-symbols-rounded{font-size:17px;color:var(--muck-gold)}
/* Watching a table, or rewatching a final table you weren't at (table.js is-nobody): no seat of yours, so no cog, just
   the field; a tournament's mini lobby opens out to the left of it, wide enough that its labels fit on a line */
body.desktop-game-active #table-screen #avatar-menu.is-nobody>.desktop-header-cog{display:none}
body.desktop-game-active #table-screen #avatar-menu.is-nobody #tourney-chip.is-open .tc-head::after{content:'';position:absolute;top:100%;left:-9px;right:-1px;box-sizing:border-box;height:11px;border:0;border-right:1px solid var(--muck-line-strong);background:radial-gradient(circle at 0 2px,transparent 6.6px,var(--muck-line-strong) 7.2px,var(--muck-line-strong) 7.8px,var(--muck-surface-1) 8.4px) left 1px top 0/8px 10px no-repeat,linear-gradient(var(--muck-line-strong),var(--muck-line-strong)) left 8px top 0/1px 3px no-repeat,linear-gradient(var(--muck-line),var(--muck-line)) right 1px bottom 1px/calc(100% - 10px) 1px no-repeat,linear-gradient(var(--muck-surface-1),var(--muck-surface-1)) right 1px top 0/calc(100% - 10px) 100% no-repeat;background-origin:border-box;pointer-events:none}
body.desktop-game-active #table-screen #avatar-menu.is-nobody #tourney-mini{left:auto;width:260px;border-radius:var(--muck-radius-field) 0 var(--muck-radius-field) var(--muck-radius-field)}
/* The lounge header for every table and mode (Shaun, 2026-10-10: "lets update this header change for all tables/modes").
   Tournaments: the level and its clock join the card as segments (Muck Poker | L1 · $10/$20 | 5:57) instead of the old
   faint pills, and the card drops its own blinds, which the level segment already shows. The mode chips (Short Deck,
   All-in or Fold, the props games, the freeroll's Lobby) keep their jobs and take the card's look. Texas Hold'em is in
   the card's label, so its old badge goes. */
body.desktop-game-active #table-screen .header-left{gap:10px}
body.desktop-game-active #table-screen .header-left>.brand{margin-right:16px}
body.desktop-game-active #table-screen #blind-info{box-sizing:border-box;height:42px;background:linear-gradient(180deg,#1a2024,#0b0f12)}   /* top-to-bottom, so the joined segments shade the same and show no seam */
body.desktop-game-active #table-screen .header-left:has(#blind-level-badge:not([style*="none"])) #blind-info{gap:0;font-size:0;padding-right:0;border-right:0;border-radius:7px 0 0 7px}
body.desktop-game-active #table-screen .header-left:has(#blind-level-badge:not([style*="none"])) #blind-info::before{padding-right:14px}
body.desktop-game-active #table-screen #blind-level-badge,body.desktop-game-active #table-screen #blind-level-timer{box-sizing:border-box;display:inline-flex;align-items:center;height:42px;margin:0 0 0 -10px;padding:0 14px;border:1px solid #525b6066;border-left:0;border-radius:0 7px 7px 0;background:linear-gradient(180deg,#1a2024,#0b0f12);color:#bfc6c9;font-size:12px;font-weight:600;line-height:20px;letter-spacing:0;opacity:1;white-space:nowrap;box-shadow:none}
body.desktop-game-active #table-screen #blind-level-badge:has(+ #blind-level-timer:not([style*="none"]):not(.hidden)){border-right:0;border-radius:0}
body.desktop-game-active #table-screen #blind-level-timer{position:relative;min-width:0;color:#e4d4a5;font-family:inherit;font-variant-numeric:tabular-nums}
body.desktop-game-active #table-screen #blind-level-timer::before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:1px;background:#68778066}
body.desktop-game-active #table-screen :is(#prop-mode-badge,#btn-tournament-lobby){box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:42px;margin:0;padding:0 14px;border:1px solid #525b6066;border-radius:7px;background:linear-gradient(180deg,#1a2024,#0b0f12);color:#e4d4a5;font-size:13px;font-weight:650;line-height:20px;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;cursor:pointer}
body.desktop-game-active #table-screen :is(#prop-mode-badge,#btn-tournament-lobby):hover{border-color:#c7b07880;background:linear-gradient(180deg,#212a2f,#0d1317)}
body.desktop-game-active #table-screen #btn-tournament-lobby[hidden],body.desktop-game-active #table-screen #prop-mode-badge.hidden{display:none}
body.desktop-game-active #table-screen #acid-mode-badge.acid-mode-badge--holdem{display:none}
body.desktop-game-active #table-screen #tourney-chip #header-stakes :is(#blind-level-badge,#blind-level-timer).level-up-flash{border-radius:4px;animation:tmLevelFlash 2.5s ease-in}
@keyframes tmLevelFlash {0%,55% {background:#f5c842;color:#1c1800;box-shadow:0 0 0 4px #f5c842}}   /* no end frame: back to the text's own colors */
/* a tournament: the level says the blinds, so the name card shows only a variant's name, and nothing for a plain game */
body.desktop-game-active #table-screen #header-stakes:has(#blind-level-badge:not([style*="none"])) #blind-info{flex:0 0 auto;font-size:0}
body.desktop-game-active #table-screen #header-stakes:has(#blind-level-badge:not([style*="none"])) #blind-info:not([data-variant="1"]){display:none}
body.desktop-game-active #table-screen .header-left #btn-tournament-lobby{position:static;inset:auto}
/* ...not shown there now: View lobby is in the card's mini lobby (Shaun, 2026-10-26: "remove the lobby button from the right of the logo"), which presses it */
body.desktop-game-active #table-screen .header-left #btn-tournament-lobby{display:none}
/* Sit Out and Leave Table, bottom right of the table on desktop (assets/desktop-table.js; Shaun, 2026-10-17: side by side,
   the chat dock's colours, as wide as their words, Leave Table not red) */
.desktop-table-exits{display:none}
body.desktop-game-active .desktop-table-exits{position:fixed;right:var(--muck-space-6);bottom:var(--muck-space-4);z-index:20;display:flex;gap:var(--muck-space-2)}
body.desktop-game-active .desktop-table-exits .dte-btn{width:auto;min-height:40px;padding:0 var(--muck-space-4);gap:var(--muck-space-2);background:#0b0e11;border:1px solid rgb(199 176 120 / .26);color:#c9cdd0;font-size:13px;font-weight:700}
body.desktop-game-active .desktop-table-exits .dte-btn{opacity:.5;transition:opacity var(--muck-dur-fast),border-color var(--muck-dur-fast)}   /* dimmed until you point at it (2026-10-17: "too bright, make this the hover state") */
body.desktop-game-active .desktop-table-exits .dte-btn:not(:disabled):is(:hover,:focus-visible){opacity:1;transform:none}
body.desktop-game-active .desktop-table-exits .dte-btn .material-symbols-rounded{font-size:18px;color:#8e979d}
body.desktop-game-active .desktop-table-exits .dte-btn[hidden]{display:none}
/* The Hand tab (Shaun, 2026-10-17: "these cards dont fill in the space its not clear what this section is"): a line that
   says what you're looking at (Your cards, then Your best five) with the hand's name on the right, and the five cards
   filling the width. Mobile keeps its own. */
.action-hand-what{display:none}
body.desktop-game-active #table-screen #action-hand-col{width:100%;padding:10px 14px 12px;gap:8px}
body.desktop-game-active #table-screen #action-hand-col .action-hand-name{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:var(--muck-space-2);width:100%}
body.desktop-game-active #table-screen #action-hand-col .action-hand-value.empty{display:none}
body.desktop-game-active #table-screen #action-hand-col .action-hand-what{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:#8e979d;white-space:nowrap}
body.desktop-game-active #table-screen #action-hand-col .action-hand-value{font-size:13px;font-weight:800;text-align:right}
body.desktop-game-active #table-screen #action-hand-col .action-hand-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
body.desktop-game-active #table-screen #action-hand-col .ahc-card{width:auto;height:auto;aspect-ratio:5/7;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:4px 5px}
body.desktop-game-active #table-screen #action-hand-col .ahc-card .ahc-rank{font-size:15px;line-height:1}
body.desktop-game-active #table-screen #action-hand-col .ahc-card .ahc-suit{font-size:20px;line-height:1;align-self:center;margin-bottom:6px}
/* Dimmed so the bigger cards don't pull your eye off the table (Shaun, 2026-10-17: "dim them a bit so visually they dont
   draw your eye over to them"), the hand's name with them ("this is also too bright"); full brightness while you point at the tab */
body.desktop-game-active #table-screen #action-hand-col :is(.ahc-card,.action-hand-value){filter:brightness(.68) saturate(.75);transition:filter var(--muck-dur-fast)}
body.desktop-game-active #table-screen #action-hand-col:hover :is(.ahc-card,.action-hand-value){filter:none}
/* The Hand tab's "Your cards" row keeps one height whether its value (the "—" or the hand's name) shows or not: lined up on
   the baseline, the value made the row 18px and the label sat 1px lower, so the label and the cards jumped 1px at every new
   hand (Shaun, 2026-10-18: "the your cards text and those cards do the 1px shift up at the beginning of new hands") */
body.desktop-game-active #table-screen #action-hand-col .action-hand-name{align-items:center;height:18px;min-height:18px}
/* The top seats' bets too: chips, then the amount under them, like every other seat (Shaun, 2026-10-18: "lets try it") */
body.desktop-game-active #table-screen :is(#opp-bet-stack,#opp-ante-stack),
body.desktop-game-active .poker-table[data-count="6"] .seat-slot[data-seat="4"] .bet-stack {flex-direction:column-reverse}

/* Show cards lives bottom right beside Sit Out and Leave Table on desktop (assets/desktop-table.js), not on your seat */
body.desktop-game-active #table-screen .show-hand-btn { display: none; }
/* Emotes (assets/table.js _emote*; Shaun, 2026-10-26: "can we add emotes to the chat too? on desktop to start"): a smiley
   beside Send, in Send's look, opens a grid over the chat; the emote pops up over its sender's picture. Desktop only for now. */
.chat-emote-btn,.emo-grid{display:none}
body.desktop-game-active #table-screen .chat-input-row{position:relative}
body.desktop-game-active #table-screen .chat-emote-btn{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#9aa3a8;cursor:pointer}
body.desktop-game-active #table-screen .chat-emote-btn:hover,body.desktop-game-active #table-screen .chat-emote-btn[aria-expanded="true"]{background:#ffffff0a;color:#ecd08a}
body.desktop-game-active #table-screen .chat-emote-btn .material-symbols-rounded{font-size:20px;line-height:20px}
body.desktop-game-active .emo-grid:not([hidden]){position:fixed;z-index:70;display:grid;grid-template-columns:repeat(6,36px);gap:4px;padding:8px;border:1px solid #68778066;border-radius:8px;background:linear-gradient(180deg,#151d22,#0c1216);box-shadow:0 12px 30px #0009}
body.desktop-game-active .emo-pick{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;font-size:22px;line-height:1;cursor:pointer;transition:transform var(--muck-dur-fast),background var(--muck-dur-fast)}
body.desktop-game-active .emo-pick:hover{background:#ffffff12;transform:scale(1.15)}
body.desktop-game-active .emo-pick:focus-visible{outline:2px solid var(--muck-gold);outline-offset:-2px}
body.desktop-game-active #table-screen .al-chat-emote .chat-msg-text{font-size:20px;line-height:1}
.emo-pop{position:fixed;z-index:60;font-size:56px;line-height:1;pointer-events:none;transform:translate(-50%,-60%);filter:drop-shadow(0 4px 10px #000a);animation:emoPop 2.2s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes emoPop {
 0% {opacity:0;transform:translate(-50%,-30%) scale(.3)}
 18% {opacity:1;transform:translate(-50%,-75%) scale(1.15)}
 30% {transform:translate(-50%,-70%) scale(1)}
 75% {opacity:1;transform:translate(-50%,-95%) scale(1)}
 100% {opacity:0;transform:translate(-50%,-115%) scale(.9)}
}
@media (prefers-reduced-motion:reduce){.emo-pop{animation:emoFade 2.2s linear forwards}@keyframes emoFade{0%,80%{opacity:1;transform:translate(-50%,-80%)}100%{opacity:0;transform:translate(-50%,-80%)}}}
/* Hand-name label (table.js _syncMyHandTab / _showdownHandTabs; Shaun, 2026-11-05: "the tab that says like k high, pair,
   whatever" / "keep in in the dark color" / "i dont like it connected, lets just make its own separate label" / "no border" /
   "naybe try it above the player pfp" / "make the text more muted grey" / "make it a bit smaller so it doesnt get so close to cards"): its own small label above the player's avatar, centered on it (table.js places it), in the plaque's own dark fill (inherit, or table.js's
   for a gradient-edged plaque) with no border (Shaun: "no border").  Desktop and tablet. */
.hand-tab{display:none}
body.desktop-game-active #table-screen .player-info-box > .hand-tab{display:flex;align-items:center;position:absolute;top:auto;bottom:calc(100% + 6px);left:0;transform:translateX(-50%);z-index:4;box-sizing:border-box;height:20px;padding:0 7px 1px;background:inherit;border:0;border-radius:8px;box-shadow:0 4px 10px #0008;white-space:nowrap;font:650 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:0;color:var(--muck-text-2);pointer-events:none}