/* Experimental desktop lounge. Cosmetic only; native seats, cards and controls stay intact. */
@media(min-width:769px) {
 body.desktop-game-active #table-screen {
  background:radial-gradient(ellipse at 50% 0%,#c99a5540,transparent 52%),radial-gradient(ellipse at 50% 70%,#1b251a44,#030706dd 80%),repeating-linear-gradient(90deg,#0a100d 0,#111713 145px,#6e513034 147px,#090e0b 151px,#090e0b 290px);
 }
 body.desktop-game-active #table-screen .poker-table::after {content:'';top:25%;width:170px;height:58px;background:url('logo/muck-poker-net-spaced.svg') center/contain no-repeat;opacity:.09;filter:grayscale(1)}
 body.desktop-game-active #table-screen .table-header {background:linear-gradient(#050807a8,transparent);padding-inline:30px;min-height:76px}
 body.desktop-game-active #table-screen .table-area {background:transparent}
 body.desktop-game-active #table-screen .table-rail {background:linear-gradient(175deg,#303331,#101412 40%,#060a08 68%,#242824);box-shadow:0 0 0 3px #080b09,0 0 0 5px #6a5437,0 22px 12px #0009,0 36px 65px #000b,inset 0 2px 3px #ffffff33}
 body.desktop-game-active #table-screen .table-rail::before {
  inset:8px;background:none;border:2px solid #d1a25c;box-shadow:0 0 12px #e3a45566,inset 0 0 5px #e3a45533;
 }
 body.desktop-game-active #table-screen .table-rail::after {
  inset:15px;background:none;border:1px solid #ffffff12;
 }
 body.desktop-game-active #table-screen .poker-table {background: url('felt-grain.svg'),radial-gradient(ellipse at 45% 35%,#176c49,#105237 55%,#092e22);box-shadow:inset 0 0 0 2px #53805b66,inset 0 0 0 9px #071c1744,inset 0 0 60px #0007,0 0 0 3px #030b07}
 body.desktop-game-active #table-screen .player-info-box:not(.active-turn) {background:linear-gradient(145deg,#1b2421,#090f0d)!important;border-color:#8e825f!important;box-shadow:0 6px 15px #0007!important;border-radius:12px}
 body.desktop-game-active #table-screen .player-info-box.active-turn {border-color:#f2d58e!important}
 body.desktop-game-active #table-screen .community-cards .card.empty {border-color:#8ec5a52d;background:#123c2b18}
 body.desktop-game-active #table-screen :is(.pot-total,.bet-stack-amount,.pot-chips-amount){background:#071d16e8;border-color:#617a5866;color:#f0e2bd;box-shadow:0 3px 8px #0004}
 body.desktop-game-active #table-screen .bottom-zone {background:transparent!important;border:0!important;gap:24px}
 body.desktop-game-active #table-screen .bottom-zone-log {background:linear-gradient(145deg,#141c19e8,#080d0ce8)!important;border:1px solid #a5a38b44;border-radius:14px;box-shadow:0 12px 32px #0005;overflow:hidden}
 body.desktop-game-active #table-screen .al-tabs {background:#0003;border-color:#ffffff10}
 body.desktop-game-active #table-screen .al-tab-btn.active {color:#e9cf85;background:#d3b3630b;border-color:#c8ac66}
 body.desktop-game-active #table-screen .action-main {background:transparent;border:0;box-shadow:none;padding:0}
 body.desktop-game-active #table-screen .btn-action {height:64px;border-radius:11px;font-size:16px;letter-spacing:.025em;box-shadow:inset 0 1px 0 #ffffff15,0 8px 20px #0004}
 body.desktop-game-active #table-screen .btn-fold {background:linear-gradient(#252b2a,#111716)!important;border-color:#777e77;color:#f2f1e9}
 body.desktop-game-active #table-screen .btn-check {background:linear-gradient(#176c4b,#0d3829)!important;border-color:#449774;color:#f7fff7}
 body.desktop-game-active #table-screen .btn-bet {background:linear-gradient(#dfc58b,#b59452);border-color:#e8d39f;color:#191d15}
 body.desktop-game-active #table-screen #sizing-row :is(.btn-quick,.bet-input){background:#121c18df;border-color:#767f6744;color:#e3e6dc;border-radius:7px}
 body.desktop-game-active #table-screen .btn-action:hover:not(:disabled){filter:brightness(1.12)}
 body.desktop-game-active #table-screen .bottom-zone-main {left:auto;right:28px;transform:none;width:min(650px,calc(100% - 460px))}
}
/* V2: purpose-built room and illuminated table, with native game objects above. */
@media(min-width:769px){
body.desktop-game-active #table-screen{background:#080c09 url('desktop-lounge/room-v2.webp') center/cover no-repeat!important;isolation:isolate}
body.desktop-game-active #table-screen .table-header{position:absolute;inset:0 0 auto;height:76px;z-index:15;align-items:flex-start;padding:18px 24px!important;background:none!important}
body.desktop-game-active #table-screen .brand::before{display:none!important}
body.desktop-game-active #table-screen .brand img{width:165px;height:auto}
body.desktop-game-active #table-screen .table-rail{background:url('desktop-lounge/table-v2.webp') center/100% 122% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 24px 18px #0009)}
body.desktop-game-active #table-screen .table-rail::before,body.desktop-game-active #table-screen .table-rail::after{display:none!important}
body.desktop-game-active #table-screen .poker-table{background:none!important;border:0!important;outline:0!important;box-shadow:none!important}
body.desktop-game-active #table-screen .poker-table::before{display:none!important}
body.desktop-game-active #table-screen .poker-table::after{top:29%;width:230px;height:75px;opacity:.16}
body.desktop-game-active #table-screen .player-info-box:not(.active-turn){border-radius:12px!important;background:linear-gradient(150deg,#202823,#080e0c)!important;border-style:solid!important;border-color:#c7b078!important;box-shadow:0 5px 18px #0008!important}
body.desktop-game-active #table-screen .player-info-box.active-turn{border-color:#ffe1a1!important}
body.desktop-game-active #table-screen .bottom-zone{overflow:visible;background:none!important}
body.desktop-game-active #table-screen .bottom-zone-log{width:320px!important;height:145px!important;left:0!important;top:0!important;border-radius:14px!important;background:linear-gradient(#121916ef,#060b09ef)!important;border:1px solid #b5b59b55!important;box-shadow:0 10px 30px #0007!important}
/* The bottom-left box sits in from the page edge as far as the logo above it (Shaun, 2026-10-10: "same padding from the left side of page as the logo on the top"). */
body.desktop-game-active #table-screen .bottom-zone-log{margin-left:24px}
body.desktop-game-active #table-screen .bottom-zone-main{left:auto!important;right:0!important;top:0!important;transform:none!important;width:540px!important;height:145px!important}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded{display:flex!important;flex-direction:column!important;gap:12px!important}
body.desktop-game-active #table-screen .action-btn-grid{display:flex!important;width:100%!important;gap:12px!important}
body.desktop-game-active #table-screen .btn-action{height:76px!important;border-radius:9px!important;font-size:18px!important;letter-spacing:.02em}
body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #sizing-row{display:flex!important;gap:7px!important;justify-content:flex-end!important;height:38px!important}
body.desktop-game-active #table-screen #sizing-row :is(.btn-quick,.bet-input){height:36px!important;border-radius:6px!important;font-size:13px!important;background:linear-gradient(#272d2a,#141b18)!important;border:1px solid #616a5d66!important}
body.desktop-game-active #table-screen #sizing-row #bet-slider{max-width:80px!important;margin:0 8px!important;height:5px!important}
body.desktop-game-active #table-screen #sizing-row #bet-amount-input{width:62px!important}
body.desktop-game-active #table-screen .btn-check{background:linear-gradient(#119459,#075130)!important;border:1px solid #39cc86!important}
body.desktop-game-active #table-screen .blind-info{margin-left:20px;padding:9px 14px;border:1px solid #b7b29b44;border-radius:24px;background:#0c120ee6;font-size:12px}
.lounge-aside{position:absolute;right:22px;top:22px;width:126px;z-index:16;color:#e9e9dd;font:13px Inter,system-ui}
.lounge-aside strong{display:block;font-size:14px}.lounge-aside small{display:block;color:#d7c395;margin:5px 0 23px}
.lounge-aside button,.lounge-aside a{display:block;width:100%;padding:10px 6px;margin-bottom:7px;border-radius:7px;background:#0c1311de;border:1px solid #9eaa9555;color:#eee;text-align:center;text-decoration:none;font:600 11px Inter,system-ui;cursor:pointer}
.lounge-motto{margin:42px auto;color:#c39153;letter-spacing:.28em;line-height:1.9;font-size:16px;transform:rotate(5deg);text-align:center;text-shadow:0 2px 3px #000}
.lounge-mode{position:absolute;left:27px;top:85px;color:#d9d9cc;font:13px/1.5 Inter,system-ui}.lounge-mode small{color:#9fa99e;font-size:11px}
}
@media(max-width:768px){.lounge-aside,.lounge-mode{display:none}}
@media(min-width:769px){
body.desktop-game-active #table-screen .community-cards .card.empty{border:2px dashed #a6d4b044;background:transparent;opacity:1}
body.desktop-game-active #table-screen #sizing-row #quick-bets{display:flex;gap:7px}
body.desktop-game-active #table-screen #sizing-row .btn-quick{min-width:48px;height:36px!important;flex-shrink:0}
body.desktop-game-active #table-screen #sizing-row :is(#bet-dec,#bet-inc){font-size:0!important;width:32px!important;min-width:32px!important}
body.desktop-game-active #table-screen #sizing-row :is(#bet-dec,#bet-inc)::before{font-size:19px!important}
body.desktop-game-active #table-screen #sizing-row :is(#bet-dec,#bet-inc)::after{display:none!important}
}
@media(min-width:769px){body.desktop-game-active #table-screen .poker-table::after{top:19%;width:200px;height:62px;opacity:.12}}
/* Measured V3 composition: a slim rail around one shared live felt coordinate space. */
@media(min-width:769px){
body.desktop-game-active #table-screen{--room-shade:.12;background-image:linear-gradient(rgb(0 0 0 / var(--room-shade)),rgb(0 0 0 / var(--room-shade))),url('desktop-lounge/room-v2.webp')!important}
body.desktop-game-active #table-screen .table-rail{background-image:url('desktop-lounge/rail-lights.svg'),url('desktop-lounge/table-unlit-v6.webp')!important;filter:drop-shadow(0 25px 13px #000a)}
body.desktop-game-active #table-screen #me-dealer-btn{box-shadow:0 3px 7px #0007!important}
body.desktop-game-active #table-screen .poker-table::after{top:25%;width:200px;height:62px;opacity:.12}
body.desktop-game-active #table-screen .player-info-box:not(.active-turn){background:linear-gradient(140deg,#1c2421,#080e0ceF)!important}
body.desktop-game-active #table-screen .p-avatar-img{object-fit:cover!important}
body.desktop-game-active #table-screen .bottom-zone-log{width:338px!important;height:152px!important}
body.desktop-game-active #table-screen .al-tabs{height:34px!important;align-items:center;padding:0 6px!important;background:#03090766!important}
body.desktop-game-active #table-screen .al-tab-btn{font-size:12px!important;height:27px!important;border:1px solid transparent!important;border-radius:16px!important;margin:0 2px!important}
body.desktop-game-active #table-screen .al-tab-btn.active{border-color:#5d9461!important;background:#080f0b!important;color:#efcf77!important}
body.desktop-game-active #table-screen .bottom-zone-main{width:490px!important}
body.desktop-game-active #table-screen .btn-action{font-size:19px!important;font-weight:700!important;box-shadow:inset 0 1px 0 #ffffff20,0 5px 14px #0005!important}
body.desktop-game-active #table-screen .btn-action-sub{font-size:20px!important}
body.desktop-game-active #table-screen .action-main{padding:0!important}
body.desktop-game-active #table-screen .action-hand-col{padding:10px 12px!important}
body.desktop-game-active #table-screen .action-hand-cards .card{width:36px!important;height:48px!important}
.lounge-header{position:absolute;z-index:20;top:18px;left:24px;right:178px;display:flex;align-items:center;gap:24px;height:46px;font-family:Inter,system-ui}
.lounge-header>a>img{width:165px;display:block}.lounge-format{font-size:13px;font-weight:650;color:#eed79c;border:1px solid #6a726255;border-radius:22px;padding:10px 15px;background:linear-gradient(#171e1adb,#090f0b);box-shadow:inset 0 1px 0 #ffffff0e}.lounge-format>span{margin-left:22px}
.lounge-header nav{margin-left:auto;display:flex;gap:12px}.lounge-header button{width:43px;height:43px;border-radius:50%;border:1px solid #62705c66;background:#070c0acc;color:#bdc7b8;display:grid;place-items:center;cursor:pointer}.lounge-header button:hover{border-color:#dbc18a;color:#ecd7a0;background:#1b241a}.lounge-header svg{width:21px;height:21px}.lounge-header [data-tool=activity]{color:#dbb85d}
#table-screen:has(.lounge-header)>.table-header{display:none!important}
.lounge-aside{width:138px;right:20px;top:19px}.lounge-profile{display:flex;gap:9px;align-items:center;margin-bottom:22px}.lounge-profile img{width:39px;height:39px;border:1px solid #dcc189;border-radius:50%;object-fit:cover}.lounge-profile strong{font-size:12px}.lounge-profile span{display:block;font-size:13px;margin-top:4px;color:#e2c894;font-weight:600}.lounge-aside button,.lounge-aside>a{text-transform:uppercase;font-size:11px;letter-spacing:.025em;background:linear-gradient(#161c19df,#090f0ddf);border-color:#7c887261;min-height:36px;box-shadow:inset 0 1px 0 #ffffff0b}.lounge-motto{font-size:16px;margin-top:35px;line-height:2.2;letter-spacing:.28em;text-align:left;padding-left:18px}.lounge-mode{top:83px;left:27px;font-size:12px;color:#b3b6ad}.lounge-mode b{color:#eee;font-size:14px}
.lounge-settings{width:350px;border:1px solid #9c9b7366;border-radius:16px;background:#101a14;color:#eee;padding:28px;font:14px Inter,system-ui;box-shadow:0 30px 90px #000a}.lounge-settings::backdrop{background:#0009;backdrop-filter:blur(4px)}.lounge-settings small{color:#d0b879;font-size:9px;letter-spacing:.14em}.lounge-settings h2{font-size:27px;margin:12px 0 24px}.lounge-settings label{display:block;margin:18px 0;color:#c5cebe}.lounge-settings select{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #5d6b51;border-radius:7px;background:#08110a;color:#eee}.lounge-settings input{display:block;width:100%;margin-top:14px;accent-color:#d8b663}.lounge-settings p{font-size:11px;color:#8f9d89}.lounge-close{position:absolute;top:12px;right:16px;border:0;background:none;color:#c0c5b5;font-size:25px;cursor:pointer}
}
@media(min-width:769px){.lounge-settings{position:fixed;inset:0;margin:auto;height:fit-content;max-height:90vh}.lounge-settings:not([open]){display:none}}
@media(min-width:769px){.lounge-format>span{font-size:8px;letter-spacing:.08em;opacity:.55;margin-left:13px}body.desktop-game-active #table-screen #sizing-row #btn-allin{margin:0!important;min-width:62px}body.desktop-game-active #table-screen #sizing-row #quick-bets{margin:0!important}}

/* Spacious lounge composition and restrained corner UI. */
@media(min-width:769px){
 body.desktop-game-active #table-screen{background-image:linear-gradient(rgb(0 0 0 / var(--room-shade)),rgb(0 0 0 / var(--room-shade))),url('desktop-lounge/room-v5.webp')!important}
 .lounge-header{top:20px;left:24px;right:190px;gap:26px;height:48px}
 .lounge-header>a>img{width:158px}
 .lounge-format{border-radius:22px;padding:11px 18px;border-color:#525b6066;background:linear-gradient(155deg,#1a2024,#090d10);color:#e4d4a5;font-size:14px}
 .lounge-header nav{gap:13px}
 .lounge-header button{width:46px;height:46px;border-color:#68707855;background:linear-gradient(145deg,#151a1d,#070a0c);color:#b8bec2;box-shadow:inset 0 1px 0 #ffffff09,0 3px 8px #0004}
 .lounge-header svg{width:22px;height:22px}
 .lounge-aside{top:20px;right:24px;width:140px}
 .lounge-profile{gap:12px;margin-bottom:26px}
 .lounge-profile img{width:44px;height:44px}
 .lounge-profile strong{font-size:13px}.lounge-profile span{font-size:14px}
 .lounge-aside button,.lounge-aside>a{height:38px;border-radius:8px;border-color:#75808b55;background:linear-gradient(#171d22,#0c1013);font-size:12px;letter-spacing:.04em;margin-bottom:9px}
 .lounge-mode{top:88px;left:27px;font-size:13px;line-height:1.5}.lounge-mode small{font-size:11px}
 body.desktop-game-active #table-screen .bottom-zone-log{width:355px!important;height:154px!important;border-color:#6b77825c!important;border-radius:15px!important;background:linear-gradient(140deg,#11171bed,#06090bed)!important;box-shadow:0 8px 24px #0006!important}
 body.desktop-game-active #table-screen .al-tabs{height:37px!important;padding:0 8px!important;border-bottom:1px solid #6b77822b;background:#0a0e11a6!important}
 body.desktop-game-active #table-screen .al-tab-btn{font-size:12px!important;color:#929ba1;letter-spacing:.015em}
 body.desktop-game-active #table-screen .al-tab-btn.active{border-color:#3f8a56!important;color:#e6cb78!important;background:#090e10!important}
 body.desktop-game-active #table-screen .bottom-zone-main{width:505px!important;height:154px!important}
 body.desktop-game-active #table-screen .btn-action{height:82px!important;border-radius:9px!important;border-width:1px!important;box-shadow:inset 0 1px 0 #ffffff12,0 5px 16px #0005!important;font-size:20px!important}
 body.desktop-game-active #table-screen .btn-fold{background:linear-gradient(145deg,#272e34,#10151a)!important;border-color:#77818c!important}
 body.desktop-game-active #table-screen .btn-check{background:linear-gradient(145deg,#18864f,#084b30)!important;border-color:#38bd79!important}
 body.desktop-game-active #table-screen #sizing-row :is(.btn-quick,.bet-input){background:linear-gradient(#20272c,#11171c)!important;border-color:#4d596344!important;height:38px!important;font-size:14px!important;box-shadow:inset 0 1px 0 #ffffff06}
 body.desktop-game-active #table-screen .action-btns-col.sizing-expanded{gap:14px!important}
 body.desktop-game-active #table-screen .player-info-box:not(.active-turn){background:linear-gradient(145deg,#1d2529,#080d10)!important}
}

/* Native action group: centered, with a single contained sizing toolbar. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .bottom-zone-main{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:656px!important}   /* 15% wider (Shaun, 2026-10-09; was 570) */
 body.desktop-game-active #table-screen .action-btn-grid{justify-content:center!important}
 body.desktop-game-active #table-screen .action-btn-grid>.btn-action{flex:1 1 0;min-width:0}
 body.desktop-game-active #table-screen .action-btns-col.sizing-expanded #sizing-row{width:100%!important;box-sizing:border-box;height:48px!important;padding:5px!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid #46515a80;border-radius:9px;background:#0d1419ee;box-shadow:0 3px 12px #0003}
 body.desktop-game-active #table-screen #sizing-row #bet-dec{order:0}
 body.desktop-game-active #table-screen #sizing-row #bet-amount-input{order:1;width:68px!important;text-align:center}
 body.desktop-game-active #table-screen #sizing-row #bet-inc{order:2}
 body.desktop-game-active #table-screen #sizing-row #bet-slider{order:3;flex:1 1 110px!important;min-width:80px!important;max-width:none!important;width:auto!important;margin:0 10px!important;align-self:center!important;position:static!important}
 body.desktop-game-active #table-screen #sizing-row #quick-bets{order:4;align-items:center!important;gap:6px!important}
 body.desktop-game-active #table-screen #sizing-row #btn-allin{order:5;min-width:76px!important;background:linear-gradient(#272d2a,#141b18)!important;border:1px solid #616a5d66!important;color:#c4c9c8!important;box-shadow:none!important;font-weight:700;letter-spacing:.025em}
 body.desktop-game-active #table-screen #sizing-row :is(.btn-quick,.bet-input){height:36px!important;margin:0!important;border-radius:5px!important}
 .lounge-header{right:24px;gap:26px}.lounge-header nav{margin-right:178px;gap:14px}
 .lounge-aside{pointer-events:none;width:155px;top:22px;right:24px;padding-left:18px;border-left:1px solid #b9c1c22b}
 .lounge-profile{margin:0;gap:11px;height:44px}.lounge-profile img{width:44px;height:44px}
 .lounge-table-menu{position:absolute;right:176px;top:58px;width:195px;padding:7px;border:1px solid #64717b66;border-radius:11px;background:#10171cf5;box-shadow:0 15px 40px #0008;z-index:100}
 .lounge-table-menu[hidden]{display:none}
 .lounge-table-menu button,.lounge-table-menu a{display:block;width:100%;height:auto;box-sizing:border-box;text-align:left;padding:12px 14px;border:0;border-radius:6px;background:transparent;color:#dce0e3;font:500 13px Inter,system-ui;text-decoration:none;cursor:pointer}
 .lounge-table-menu button:hover,.lounge-table-menu a:hover{background:#263038;color:#fff}
 .lounge-settings input[type=checkbox]{display:inline;width:auto;margin:0 10px 0 0}
 body.desktop-game-active #table-screen .action-hand-col{padding:12px!important;display:flex;flex-direction:column;gap:8px}
 body.desktop-game-active #table-screen .bottom-zone-log{width:330px!important}
}
@media(min-width:769px){body.desktop-game-active #table-screen #sizing-row :is(.btn-quick,.bet-input){min-height:36px!important;max-height:36px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;align-self:center!important;line-height:34px!important}body.desktop-game-active #table-screen #sizing-row #quick-bets{height:36px!important;align-self:center!important}}
/* Compact, consistent corners and spacing for the mode and hand panel. */
@media(min-width:769px){
 .lounge-format{border-radius:7px;padding:10px 14px;display:inline-flex;align-items:center;gap:14px;line-height:20px}
 .lounge-format>span{margin-left:0;white-space:nowrap}
 body.desktop-game-active #table-screen .bottom-zone-log{border-radius:8px!important}
 body.desktop-game-active #table-screen .al-tabs{height:36px!important;padding:5px 7px!important;gap:2px!important;box-sizing:border-box;justify-content:space-between}
 body.desktop-game-active #table-screen .al-tab-btn{height:25px!important;margin:0!important;padding:0 7px!important;border-radius:4px!important;line-height:23px!important;font-size:11px!important;flex:0 0 auto}
 body.desktop-game-active #table-screen #activity-log-toggle{margin:0!important;padding:0!important;width:24px!important;height:25px!important;min-width:24px!important;border-left:1px solid #64717b33}
 body.desktop-game-active #table-screen .action-hand-col{padding:10px 12px!important;gap:7px!important}
 body.desktop-game-active #table-screen #action-hand-cards{gap:5px!important;margin:0!important}
}
@media(min-width:769px){
 body.desktop-game-active #table-screen #al-pane-notes:has(.dock-notes-locked){overflow:hidden!important;padding:8px 10px!important;box-sizing:border-box}
 body.desktop-game-active #table-screen .dock-notes-locked{display:grid!important;grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;margin:0!important;padding:0!important;text-align:left;align-content:center;height:100%;box-sizing:border-box}
 body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-icon{grid-column:1;grid-row:1 / 4;width:62px!important;height:72px!important;object-fit:contain;align-self:center;margin:0;border-radius:4px}
 body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-title{grid-column:2;font-size:12px!important;margin:0;justify-content:flex-start}
 body.desktop-game-active #table-screen .dock-notes-locked .sticker-locked-desc{grid-column:2;font-size:10px!important;line-height:1.35;margin:0;text-align:left}
 body.desktop-game-active #table-screen .dock-notes-locked .sticker-unlock-btn{grid-column:2;justify-self:start;margin:2px 0 0!important;padding:5px 10px;font-size:10px;line-height:16px;min-height:26px;border-radius:5px}
}

@media(min-width:769px){
 .lounge-header button .material-symbols-rounded{position:static;display:block;width:24px;height:24px;font-size:24px;line-height:24px;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
 .lounge-header [data-tool=history]{color:#dbb85d}
 .lounge-header nav{margin-right:190px}
 .lounge-aside{top:17px;right:24px;width:170px;box-sizing:border-box;padding:7px 11px;border:1px solid #68778066;border-radius:8px;background:linear-gradient(145deg,#20282dee,#0c1216f5);box-shadow:inset 0 1px 0 #ffffff0a,0 4px 14px #0004}
 .lounge-profile{height:42px;gap:10px}.lounge-profile img{width:40px;height:40px}.lounge-profile span{font-variant-numeric:tabular-nums}
 .lounge-table-menu{right:190px}
}

@media(min-width:769px){.lounge-format>span{font-size:12px!important;opacity:1!important;letter-spacing:.035em;color:#bfc6c9;padding-left:12px;border-left:1px solid #68778066;line-height:18px}.lounge-format-name{font-size:14px;font-weight:650;white-space:nowrap}}

/* Balanced frame: clear header, centered playfield, aligned bottom dock. */
@media(min-width:769px){
 .lounge-mode{top:82px;left:24px;min-width:156px;padding:12px 14px;box-sizing:border-box;background:linear-gradient(145deg,#182127f5,#0a1015f5);border:1px solid #68778066;border-radius:7px;line-height:1.45;box-shadow:0 4px 12px #0004}
 .lounge-stakes{display:flex;align-items:baseline;gap:10px}.lounge-mode .lounge-stakes b{font-size:18px;color:#f4eedb;font-variant-numeric:tabular-nums}.lounge-stakes span{font-size:12px;color:#bfc8cd}
 .lounge-mode small{display:block;margin-top:5px;font-size:13px!important;color:#ccd3d7!important;white-space:nowrap}
 .lounge-header{top:22px}.lounge-aside{top:18px}
}
/* Board centered on the table, with a separate chip lane beneath it. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .poker-table::after{display:none!important}
}
/* Align to the visible felt (the table artwork includes a lower rail shadow).
   Reserve clearance above bottom hole cards in both four- and six-seat views. */
@media(min-width:769px){
}
/* Side plaques sit on the rail; their native bet anchors move with the seats. */
@media(min-width:769px){
}
@media(min-width:769px){}
/* Keep bet labels 12px above bottom hole cards; six-max seats sit 16px higher. */
@media(min-width:769px){
}

/* One integrated profile/menu card; the cog is its own divided segment. */
@media(min-width:769px){
 .lounge-aside{top:18px;right:24px;width:170px;height:58px;border-radius:0 8px 8px 0;border-left:0;padding:7px 11px}
 .lounge-header{top:18px;height:58px}
 .lounge-header nav{margin-right:170px;gap:0}
 .lounge-header [data-tool=more]{width:54px;height:58px;border-radius:8px 0 0 8px;border:1px solid #68778066;border-right:1px solid #89949b55;background:linear-gradient(145deg,#20282dee,#0c1216f5);box-shadow:inset 0 1px 0 #ffffff0a,0 4px 14px #0004}
 .lounge-header [data-tool=more]:hover,.lounge-header [data-tool=more][aria-expanded=true]{background:#27343d;color:#eed49b}
 .lounge-table-menu{right:0;top:66px;width:224px}
}

/* Vector table on the original layout (Claude, 2026-10-08; Shaun: "table and placement of everything should be like
   [the smaller desktop] ... the larger desktop should not have shifted player locations or changed the aspect ratio of
   the table"). Every lounge rule that moved or resized the table, seats, chips, board or dealer buttons was removed
   above, so the large desktop uses the same geometry as every other desktop size (rail 1076x504 canvas px, felt inset
   32px). This block only paints it: desktop-lounge/table-v7.svg is drawn to that exact geometry. The rail keeps its
   4px border (transparent) so the felt doesn't move. The previous painted table (table-unlit-v6.webp) is untouched. */
@media(min-width:769px){
 /* the rail and felt are painted by table-skin.css (shared with the lesson) */
 /* Plaques: the original's 2px outline (same size, same spot), and the avatar rounded to sit inside it, so the outline
    shows on top at the corners (Shaun, 2026-10-08: "the avatar is in front of the player plaque outline"). */
 body.desktop-game-active #table-screen .player-info-box{border-width:2px!important;border-radius:12px!important}
 /* the active player's plaque pulses gold again (style.css activeTurnBreathe); the lounge's !important background and glow
    on every plaque had frozen it (Shaun, 2026-10-08: "a subtle gold animation that would pulse for active player") */
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{border-radius:10px 0 0 10px;overflow:hidden}
 /* Bottom seats 4px higher, plaque, cards, bet and dealer button together, so the plaques cover the rail's outer gold
    line instead of sitting just under it (Shaun, 2026-10-08). translate, not transform: nothing else here uses it. */
 body.desktop-game-active #table-screen :is(.player-area.self,#me-bet-stack){translate:0 -4px}
 body.desktop-game-active #table-screen .poker-table[data-count="6"] .seat-slot[data-seat="1"]{translate:0 -12px}   /* the bottom-left seat in line with yours: it sat 8px lower (Shaun, 2026-10-11: "why are the bottom players plaques and stuff not on the same y placement?") */
 /* Your bet (chips + label) 8px lower than that (Shaun, 2026-10-09: "move the bottom players bets/bet label down by 8px"). */
 body.desktop-game-active #table-screen #me-bet-stack{translate:0 4px}
}

/* Plaque outlines 3px, and the active player's pulse without the jerk (Shaun, 2026-10-09: "the flashing for active player
   is shifting the buttons in the plaque, and changing the thickness of the outline"; "arent the outlines for plaques
   1px too thin"). The old pulse (style.css activeTurnBreathe) animated the plaque's own background (navy to brown) and a
   1px ring outside its 2px border: the outline swelled to 3px and back, and repainting the scaled plaque made its text
   and buttons shimmer. Now the plaque stays still (same 3px border, same background as at rest) and only a glow just
   outside it fades in and out, on its own layer. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box{border-width:3px!important}
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{border-radius:9px 0 0 9px}
 body.desktop-game-active #table-screen .player-info-box.active-turn{animation:none!important;background:linear-gradient(145deg,#1d2529,#080d10)!important;box-shadow:0 6px 15px #0007!important}
 body.desktop-game-active #table-screen .player-info-box.active-turn::before{content:'';position:absolute;inset:-3px;border-radius:12px;pointer-events:none;box-shadow:0 0 14px 1px #ffd34f8c,0 0 34px #ffd34f38;opacity:.3;animation:plaqueGlow 2s ease-in-out infinite;will-change:opacity}
}
@keyframes plaqueGlow{0%,100%{opacity:.3}50%{opacity:1}}

/* The flop "shifts a px" when a bet goes in (Shaun, 2026-10-09). Its boxes never move (measured frame by frame), so it's
   GPU compositing: chips animating over the board made Chrome promote the cards to their own layer for the animation and
   drop them back after, each time re-rasterized on the 1.03-scaled table, a pixel apart. Keeping the board and hole cards
   on their own layer for good means there's no switch to see. */
@media(min-width:769px){
 body.desktop-game-active #table-screen :is(#community-cards,.hole-cards){will-change:transform}
 /* The players' portraits the same way (Shaun, 2026-10-24: "on desktop the icons for the players in game get more/less
    blurry sometimes too as a hand progresses"): the turn glow, the clock and chips flying past promoted a plaque for a
    moment and dropped it, and each time the portrait was redrawn on the 1.03-scaled table, sharper or softer. */
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{will-change:transform}
 /* Heads-up, after your bet the action passes and your buttons fade to .45 (game-palette.css turn-pending): a fade
    promotes them to a layer for 0.15s and drops them after, which re-rasterized the board too (Shaun, 2026-10-09: "after
    my bet when the action gets to them on the flop"). A standing layer for the button column ends that churn. */
 body.desktop-game-active #table-screen .action-btns-col{will-change:opacity}
 /* The plaques the same way (Shaun, 2026-11-11: "folded players, their plaque color is slightly shifting when others left
    in the hand have action go to or from them"): a card dealt past, the clock or a bet going in promoted a plaque's row
    for a moment and dropped it, and the plaque was redrawn on the scaled table a shade brighter or darker each time
    (measured on one frozen frame: up to 0.17 of 255 apart, the layer on or off). opacity, not transform: no frozen
    raster scale, and as sharp as before (98-101%, measured). The table art keeps a layer of its own (table-skin.css). */
 body.desktop-game-active #table-screen .plaque-row{will-change:opacity}
}

/* The plaque's gold details on the newer light gold, not the old --table-rim2 orange-gold (Shaun, 2026-10-09: "the icon
   and timer bar use the old gold color vs the newer lighter yellow"): the timer bar's frame (shown on your turn, so the
   active border colour, and as thick as the plaque's 3px border) and the emote icon on your turn. Red at low time stays. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .p-timer-bar-wrap{border-width:3px;border-top:none;bottom:-10px}
}

/* Opponents' cards 12px higher, so more of each card shows above its plaque (Shaun, 2026-10-09: "we can prolly show a bit
   more of the opponents cards cause we have some room to move them up"). translate: nothing else in the layout moves. */
@media(min-width:769px){
 /* (now set per seat by table.js _alignOppCardRows, to show as much card as yours) */
}

/* Premium plaques (desktop / tablet; Shaun, 2026-10-09, from a reference: a gold-bordered pill with the player's portrait
   in a gold ring overlapping its left end). Every plaque keeps the same 200px width, sides as wide as top and bottom
   ("keep top and bottom for guides on wideness"). Both icons stay (your emote button; an opponent's HUD and notes), the
   countdown sits on the round portrait, stickers and emotes take the portrait's round shape (table.js swapAvatarEmote
   copies its border-radius), the timer runs under the pill and the your-turn glow follows its shape. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box:is(.active-turn,:not(.active-turn)){border-radius:8px!important;overflow:visible!important}   /* the header card's 8px corners (desktop-table.css #avatar-menu; Shaun, 2026-10-11: "same border radius as that top right card") */   /* both states: an older :not(.active-turn) rule gave 12px corners off-turn, so the shape switched when you acted */   /* the squarer corners, not a full pill (Shaun) */
 /* the same 61px height as before the portrait left the plaque's flow: a shorter plaque moved the whole seat (plaque and
    cards) down (Shaun, 2026-10-09: "it looks like maybe alignment for the plaques/players/cards got moved down") */
 body.desktop-game-active #table-screen .player-info-box{box-sizing:border-box!important;min-height:61px!important;align-items:center}
 /* The portrait keeps its old 56x55 place in the plaque's layout: taking it out of the flow moved the whole seat (plaque and
    cards) down 24px. The round, bigger look is a transform, which never moves layout. */
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{border-radius:50%!important;border:3px solid #c7b078;box-sizing:border-box;overflow:hidden;background:#0b0f12;box-shadow:0 4px 12px #0009,inset 0 0 0 1px #0006;z-index:3;width:71px;height:71px;align-self:center;margin:-7.5px;transform:translateX(-12px)}   /* its real size (was 56x55 scaled 1.2, which Chrome drew from a 56px image and stretched: blurry); the margins keep its old 56px place. 4px bigger and no longer nudged down: as much circle above the plaque as below it, the bottom where it was (Shaun, 2026-10-10: "same space above the plaque as below ... bottom is fine as is") */
 body.desktop-game-active #table-screen .player-info-box.active-turn .p-avatar-wrap{border-color:#ffe1a1}
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap :is(.p-avatar-img,img:not(.avatar-emote-sticker-img)){width:100%!important;height:100%!important;object-fit:cover;border-radius:50%!important}   /* not stickers: table-skin.css sizes each one past the frame (STICKER_FIT) and the frame clips it round (Shaun, 2026-10-24: "the thumbs up man sticker is in a smaller circle not the full pfp circle") */
 body.desktop-game-active #table-screen .player-info-box .p-avatar-countdown{border-radius:50%!important;font-size:1.38rem}   /* the 1.15rem number, at the size the old 1.2x scale drew it */
 body.desktop-game-active #table-screen .player-info-box .p-info-text{margin-left:0!important}
 /* the icons on the money line, right side, coloured like the plaque's outline (Shaun, 2026-10-09: "just move the icons
    down next to the money", "color them the same as the plaque outline"): an opponent's notes then HUD; your emote */
 body.desktop-game-active #table-screen .player-info-box :is(.hud-trigger-btn,.notes-trigger-btn,.emote-trigger-btn).hidden{display:none!important}
 /* the timer: a slim bar under the pill, clear of the portrait */
 /* the outline stays (Shaun, 2026-10-09: "the outline for the timer bar is missing"): light gold, red at 5 seconds */
 body.desktop-game-active #table-screen .p-timer-bar-wrap{left:30px!important;right:18px!important;bottom:-9px!important;height:4px!important;border:2px solid transparent!important;border-top:none!important;border-left:none!important;border-radius:0 0 6px 0!important;box-shadow:0 2px 4px #0008;z-index:2}   /* wider, nearer the middle, a 2px outline (Shaun, 2026-10-09) */
 body.desktop-game-active #table-screen .p-timer-bar-wrap.warning{border-color:#c0392b!important}
 /* the your-turn glow, pill-shaped; badges (Nit Game) clear of the portrait */
 body.desktop-game-active #table-screen .player-info-box.active-turn::before{inset:-2px;border-radius:8px}   /* right on the plaque's outer edge with its own 18px corner (Shaun, 2026-10-11: "lets remove that 1px"); at 21px a pixel out the corners didn't follow it */
 body.desktop-game-active #table-screen .player-info-box .p-badges{left:15.5px;bottom:-10px;translate:-50% 0}   /* the Nit badge centred on the bottom of the portrait, its bottom edge on the circle's (Shaun, 2026-10-24: "center nit button on bottom center of player PFP's too" / "scooch the nit button up till the bottom of it is just covering the bottom of the circle for the pfp") */
 /* names use the full width now the icons sit on the money line; a very long one ends in an ellipsis */
 body.desktop-game-active #table-screen .player-info-box .p-info-text{flex:1 1 auto;min-width:0}
 body.desktop-game-active #table-screen .player-info-box .p-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}

/* Gold shimmer on the plaques and portrait rings (Shaun, 2026-10-09, from a reference: "i want the plaques/player circles to
   have this gold shimmer"): the border is a metallic gradient (bright highlights over deeper bronze) instead of a flat
   colour, brighter on the player whose turn it is. Same 3px, same shapes. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box:is(.active-turn,:not(.active-turn)){border:3px solid transparent!important;background:linear-gradient(145deg,#1d2529,#080d10) padding-box,linear-gradient(160deg,#fff1c4 0%,#e2b85f 20%,#8f6427 46%,#f3d08a 64%,#a87a35 82%,#6b4b1f 100%) border-box!important}
 body.desktop-game-active #table-screen .player-info-box.active-turn{background:linear-gradient(145deg,#1d2529,#080d10) padding-box,linear-gradient(160deg,#fffbe8 0%,#ffe1a1 22%,#c99446 46%,#fff0c4 64%,#e2b462 82%,#9a6d2c 100%) border-box!important}
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{border:3px solid transparent!important;background:linear-gradient(#0b0f12,#0b0f12) padding-box,var(--avatar-ring,linear-gradient(160deg,#fff1c4 0%,#e2b85f 20%,#8f6427 46%,#f3d08a 64%,#a87a35 82%,#6b4b1f 100%)) border-box}
 /* A player you've colour-tagged: the ring round their picture takes the tag colour too, like the plaque's outline, and
    goes gold on their turn as the outline does (Shaun, 2026-10-15: "if u color an opponent it should do the circle around
    their pfp too") */
 body.desktop-game-active #table-screen .player-info-box.has-notes-ring:not(.active-turn) .p-avatar-wrap{--avatar-ring:linear-gradient(var(--notes-ring-color),var(--notes-ring-color))}
 body.desktop-game-active #table-screen .player-info-box.active-turn .p-avatar-wrap{background:linear-gradient(#0b0f12,#0b0f12) padding-box,linear-gradient(160deg,#fffbe8 0%,#ffe1a1 22%,#c99446 46%,#fff0c4 64%,#e2b462 82%,#9a6d2c 100%) border-box}
}

/* The top seats (the opponent across from you; the top-left seat at 6-max) 3px lower: plaque, cards and timer bar move
   together; their bets don't (table.js TOP_SEAT_SHIFT_PX takes it back out of the bet position). Shaun, 2026-10-09. */
@media(min-width:769px){
 body.desktop-game-active #table-screen :is(.player-area.opponent,.poker-table[data-count="6"] .seat-slot[data-seat="4"]){translate:0 3px}
}

/* Side seats out onto the rail (Shaun, 2026-10-09: "side players need to be moved (with their bets) OUT from the center a
   bit so their plaques are centered with the rail"): the whole seat (plaque, cards, bets) moves, so each side plaque's
   centre sits on the rail's centre line. 6-max sides (seats 2 and 5) were 24 canvas px inside it, 4-max sides (1 and 3)
   about 7. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .poker-table[data-count="6"] .seat-slot[data-seat="2"]{translate:-24px 0}
 body.desktop-game-active #table-screen .poker-table[data-count="6"] .seat-slot[data-seat="5"]{translate:24px 0}
 body.desktop-game-active #table-screen .poker-table[data-count="4"] .seat-slot[data-seat="1"]{translate:-7px 0}
 body.desktop-game-active #table-screen .poker-table[data-count="4"] .seat-slot[data-seat="3"]{translate:7px 0}
}

/* No "FOLDED" tag over a folded player's plaque (Shaun, 2026-10-09: "we dont need these folded labels they are redundant");
   the plaque's own FOLD and the folded cards say it. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box.is-folded:not(.active-turn)::before{content:none!important;display:none!important}
}

/* Plaque icons in fixed slots at the bottom-right corner, smaller and muted (Shaun, 2026-10-09: "alignment of 2 icons is
   inconsistent, and on player they stack. make them a bit smaller/muted and consistently lined up to the bottom right
   corner"). Slot 1 is 8px from the right, slot 2 just left of it, both 8px up from the bottom. Opponents: HUD in slot 1,
   notes in slot 2 (slot 1 if there's no HUD). You: emote in slot 1, HUD in slot 2 (the two had sat on top of each other). */
@media(min-width:769px){
}

/* The Muck skull centred in each empty board slot, in the slot outline's own colour (Shaun, 2026-10-09: "put the skulls
   back in the center of each of these card outlines. color them same as the outline colors"). A mask, so it takes the
   colour exactly. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .community-cards .card.empty{position:relative}
 body.desktop-game-active #table-screen .community-cards .card.empty::after{content:'';position:absolute;left:50%;top:50%;width:30px;height:33px;transform:translate(-50%,-50%);background:#a6d4b044;-webkit-mask:url('logo/muck-skull.svg') center/contain no-repeat;mask:url('logo/muck-skull.svg') center/contain no-repeat;pointer-events:none}
}
/* The three glyphs ink at different sizes and heights (chart 10px tall, bubble 11.25, notes 9.5; bottoms 21 / 20.75 /
   20.25): scaled to the same 10px of ink with one shared bottom line, measured from the rendered icons. */
@media(min-width:769px){
}
/* Chat dock (Shaun, 2026-10-10): its top level with the action buttons' top, more room for messages (tighter lines, one
   divider over the message box instead of two, less padding around it), and the close X centred in its own space from
   the divider to the dock's edge (it sat in the strip's 7px right padding, so it read as too far left). */
@media(min-width:769px){
 body.desktop-game-active #table-screen .bottom-zone-log:not(.log-collapsed){height:160px!important}
 body.desktop-game-active #table-screen .activity-log-entry.al-chat-entry{padding-top:1px!important;padding-bottom:1px!important;line-height:1.35!important}
 body.desktop-game-active #table-screen .activity-log-body{padding-top:4px!important;padding-bottom:3px!important}
 body.desktop-game-active #table-screen #al-pane-activity #chat-unlocked-wrap{padding-top:0!important}
 body.desktop-game-active #table-screen .chat-input-row{border-top:0!important;padding:5px 6px 6px!important}
 body.desktop-game-active #table-screen #al-tabs #activity-log-toggle{margin-right:-7px!important;width:31px!important;min-width:31px!important}
 /* The timer bar runs straight out of the portrait (Shaun, 2026-10-10: "the timer should keep going straight and be
    connected naturally to the round avatar ... may need to shrink the height"; then "1px taller"): 4px of bar, its left end square and
    under the ring (z-index 2, the portrait is 3) from the ring's centre line, its bottom edge level with the bottom of
    the ring (the portrait sits 2px lower to meet it), so the ring's curve runs into the bar's bottom line. */
 body.desktop-game-active #table-screen .p-timer-bar-wrap{left:18px!important;right:13px!important;bottom:-8px!important}
 /* Its outline is the plaque's own metallic gold (Shaun, 2026-10-10: "make the bottom outline for the timer bar the same
    gold as the outline for the plaque/player so its all cohesive"): the plaque's gradient, at the plaque's size and lined up
    with it (the bar's border box starts 20px into the plaque: left 18px plus the plaque's 2px border), so the bar's edge
    carries on the colours of the plaque's bottom edge. Red at 5 seconds stays (.warning's border colour paints over it). */
 body.desktop-game-active #table-screen .p-timer-bar-wrap{background:linear-gradient(rgb(12 16 26 / .97),rgb(12 16 26 / .97)) padding-box,linear-gradient(160deg,#fff1c4 0%,#e2b85f 20%,#8f6427 46%,#f3d08a 64%,#a87a35 82%,#6b4b1f 100%) -20px 100% / 200px 61px no-repeat border-box}
 body.desktop-game-active #table-screen .player-info-box.active-turn .p-timer-bar-wrap{background:linear-gradient(rgb(12 16 26 / .97),rgb(12 16 26 / .97)) padding-box,linear-gradient(160deg,#fffbe8 0%,#ffe1a1 22%,#c99446 46%,#fff0c4 64%,#e2b462 82%,#9a6d2c 100%) -20px 100% / 200px 61px no-repeat border-box}
}
/* The chat box on focus: no second ring around it (the action panel's keyboard-focus outline, 3px out), just its own
   border, gold and quieter (Shaun, 2026-10-10: "can we NOT do this weird outer highlight?"). */
body:is(.desktop-game-active,.mobile-game-active) #table-screen #chat-input:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:#c7b07880!important}
/* Hole cards fanned (Shaun, 2026-10-10: "more angled and fanned like this", from a reference): two cards tilted apart and
   tucked together, the right one over the left. Placement and rotation only, on the rotate/translate properties, so the
   deal and flip animations (transform) and the row's own alignment (the row's translate) are untouched. Two-card rows
   only; Omaha's four stay flat. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .hole-cards:not([data-variant="omaha"]) > .card:first-child:nth-last-child(2){rotate:-8deg;translate:18px 3px}
 body.desktop-game-active #table-screen .hole-cards:not([data-variant="omaha"]) > .card:nth-child(2):last-child{rotate:8deg;translate:-18px 3px}
}
/* Dock, a polished pass (Shaun, 2026-10-10, from a reference: "make the bottom left box a little more visually polished
   like this ... keep the 5 rows of text"): one card with a quiet gold edge, flat tabs split by thin dividers with a gold
   underline on the active one (no boxed pill), a squarer message box and a plain send arrow (no purple disc). Heights
   unchanged, so the same five chat lines show. Open, it sits flush on the bottom of the page: square bottom corners, no
   bottom edge (Shaun, 2026-10-11: "dont round bottom when expanded, make it go flush to bottom of page"). */
@media(min-width:769px){
 body.desktop-game-active #table-screen .bottom-zone-log:not(.log-collapsed){border-style:solid!important;border-color:#c7b07842!important;border-width:1px 1px 0!important;border-radius:12px 12px 0 0!important;background:linear-gradient(180deg,#11171af5,#07090bf5)!important;box-shadow:0 10px 28px #0008,inset 0 1px 0 #ffffff0c!important}
 body.desktop-game-active #table-screen .al-tabs{padding:0 7px 0 4px!important;gap:0!important;align-items:stretch!important;background:#ffffff05!important;border-bottom:1px solid #ffffff14!important}
 body.desktop-game-active #table-screen .al-tab-btn{position:relative;flex:1 1 0!important;height:auto!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#8e979d!important;font-weight:600!important;letter-spacing:.02em!important;line-height:normal!important;justify-content:center}
 body.desktop-game-active #table-screen .al-tab-btn:hover{color:#dfe3e5!important}
 body.desktop-game-active #table-screen .al-tab-btn + .al-tab-btn::before{content:'';position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background:#ffffff1c}
 body.desktop-game-active #table-screen .al-tab-btn.active{color:#ecd08a!important;background:transparent!important}
 body.desktop-game-active #table-screen .al-tab-btn.active::after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#b98d4c,#f3d08a,#b98d4c)}
 body.desktop-game-active #table-screen #al-tabs #activity-log-toggle{align-self:center;height:22px!important;border-left:1px solid #ffffff1c!important;color:#9aa3a8!important}
 body.desktop-game-active #table-screen .chat-input-row{gap:8px!important;align-items:center}
 body.desktop-game-active #table-screen #chat-input{border-radius:8px!important;background:#0a0d10!important;border:1px solid #ffffff1f!important;box-shadow:inset 0 1px 2px #0006}
 body.desktop-game-active #table-screen .chat-send-btn{background:transparent!important;color:#9aa3a8!important;width:28px;height:28px;border-radius:6px!important}
 body.desktop-game-active #table-screen .chat-send-btn .material-symbols-rounded{font-size:20px!important}
 body.desktop-game-active #table-screen .chat-send-btn:hover:not(:disabled){color:#ecd08a!important;filter:none!important;background:#ffffff0a!important}
}
/* Plaque and portrait-ring outlines 1px thinner, 2px (Shaun, 2026-10-10). Box sizes unchanged (border-box), so nothing
   around them moves. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box:is(.active-turn,:not(.active-turn)){border-width:2px!important}
 body.desktop-game-active #table-screen .player-info-box .p-avatar-wrap{border-width:2.4px!important}   /* 2px drawn at 1.2x before; the same ring now it's drawn at size */
}
/* Throw targets light up on desktop (Shaun, 2026-10-10: throwables land on the whole plaque, not just the portrait): the
   base glow is a box-shadow, which the plaque's own shadow rules override here, so no plaque ever lit up while you dragged.
   An outline that follows the plaque's corners marks every target, and the one you're over brightens and glows. */
@media(min-width:769px){
 body.desktop-game-active #table-screen .player-info-box.throw-target-glow{outline:2px solid rgb(255 225 161 / .35);outline-offset:3px;transition:outline-color .15s ease,filter .15s ease}
 body.desktop-game-active #table-screen .player-info-box.throw-target-hover{outline-color:#ffe1a1;filter:drop-shadow(0 0 10px rgb(255 225 161 / .55))}
}
/* Your emote button: a round dark button with a white three-dot speech bubble, bottom right of your plaque where the
   bubble icon was (Shaun, 2026-10-11: "make the chat icon more like this (keeping same placement just more this chat icon
   style)"). Its own rule: the shared plaque-icon rules above no longer include it. Your emoji pops up above it (.emote-float). */
/* Quiet until you go for it (Shaun, 2026-10-11: "reverse the hover states ... like this by default and goes to 80% (not
   100 like it is now) opacity when rollover"); fainter still while an emote cools down. */
body.desktop-game-active #table-screen #me-info-box .emote-trigger-btn.emote-cooling{opacity:.2}
body.desktop-game-active #table-screen #me-info-box .emote-trigger-btn:focus-visible{outline:2px solid var(--muck-gold,#e8c87a);outline-offset:2px}
body.desktop-game-active #table-screen #me-info-box .emote-trigger-btn svg{display:block;width:12px;height:12px}
body.desktop-game-active #table-screen #me-info-box .emote-trigger-btn .eb-bubble{fill:#c7b078}
body.desktop-game-active #table-screen #me-info-box .emote-trigger-btn .eb-dot{fill:#1a1d1f}
/* An emoji you send floats up from your emote button and fades (table.js _floatEmoteFromButton), instead of covering your
   avatar (Shaun, 2026-10-11, option B). Stickers, other players' emotes and phones still use the avatar. */
body.desktop-game-active #table-screen .emote-float{position:absolute;z-index:45;width:46px;height:46px;margin:0;pointer-events:none;font-size:34px;line-height:46px;text-align:center;filter:drop-shadow(0 4px 8px #0009);animation:emoteFloat 2.2s cubic-bezier(.2,.8,.3,1) forwards}
body.desktop-game-active #table-screen .emote-float img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes emoteFloat{0%{opacity:0;transform:translate(-50%,-70%) scale(.4)}14%{opacity:1;transform:translate(-50%,-112%) scale(1.1)}24%{transform:translate(-50%,-108%) scale(1)}72%{opacity:1;transform:translate(-50%,-150%) scale(1)}100%{opacity:0;transform:translate(-50%,-185%) scale(.94)}}

/* Plaque icons, one style (Shaun, 2026-10-11: "style them like the chat box thats the new style for these plaque icons"):
   round dark buttons, quiet at 45% until you go for them (80% on hover or while open). Tucked small into the corner so
   they stay off the name and the action ("RAISE $125"; Shaun, 2026-10-11). Slot 1 is the bottom-right corner,
   slot 2 just left of it. You: emote, then HUD. Everyone else: HUD, then notes (notes take the corner when there's no
   HUD). A locked HUD or notes icon still shows; clicking it says where to get it (table.js _lockedPlaqueTool). */
body.desktop-game-active #table-screen .player-info-box :is(.hud-trigger-btn,.notes-trigger-btn,.emote-trigger-btn){position:absolute;top:auto;left:auto;right:4px;bottom:4px;width:20px;height:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgb(199 176 120 / .3);border-radius:50%;background:#1a1d1f;box-shadow:0 2px 6px #0006;color:#c7b078;opacity:.45;transform:none;transition:opacity .15s}   /* the plaque's gold, not white on grey: they blend in (Shaun, 2026-10-17) */
body.desktop-game-active #table-screen .player-info-box :is(.hud-trigger-btn,.notes-trigger-btn,.emote-trigger-btn):is(:hover,.hud-pinned,.notes-pinned){opacity:.8;transform:none;color:#e2c98f}
body.desktop-game-active #table-screen .player-info-box :is(.hud-trigger-btn,.notes-trigger-btn) .material-symbols-rounded{position:static;width:13px;height:13px;margin:0;font-size:13px;line-height:1;color:inherit;transform:none}
body.desktop-game-active #table-screen .player-info-box .notes-trigger-btn,
body.desktop-game-active #table-screen #me-info-box .hud-trigger-btn{right:27px}
body.desktop-game-active #table-screen .player-info-box .hud-trigger-btn.hidden ~ .notes-trigger-btn{right:4px}
body.desktop-game-active #table-screen .player-info-box .notes-trigger-btn.has-note{color:var(--muck-gold,#e8c87a)}

/* The turn clock on the portrait (Shaun, 2026-10-11: the countdown "a bit plain not relaly up to the polish of our
   site"; assets/table.js _turnRingRun). A gold arc inside the rim drains clockwise with the time, over a lighter dim
   with the number and "sec" under it. The number just changes, no pop (Shaun, 2026-10-11). In the last seconds the arc
   and number turn warm red, and in the last three the portrait glows. It replaces the bar under the plaque here; phones keep
   their bars. */
.p-turn-ring{display:none}
body.desktop-game-active #table-screen .player-info-box .p-turn-ring{position:absolute;inset:0;display:block;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity .2s;z-index:2}
/* Only while its clock runs (table.js .turn-clock): not in the beat between the deal and your turn, when the cards are
   still landing and the timer hasn't started (Shaun, 2026-10-11: "its not my turn yet"). The dim waits for the number. */
body.desktop-game-active #table-screen .player-info-box.active-turn.turn-clock .p-turn-ring{opacity:1}
body.desktop-game-active #table-screen .player-info-box .p-avatar-countdown:empty{background:transparent}
body.desktop-game-active #table-screen .p-turn-ring circle{fill:none;stroke-width:4}
body.desktop-game-active #table-screen .p-turn-ring .ptr-track{stroke:#ffffff14}
body.desktop-game-active #table-screen .p-turn-ring .ptr-fill{stroke:#d8bd84;stroke-dasharray:100 100;transition:stroke .3s}   /* champagne, no glow: quieter (Shaun, 2026-10-11: "a bit too hot/bright, it should be more elegant") */
body.desktop-game-active #table-screen .player-info-box.timer-warning .p-turn-ring .ptr-fill{stroke:#d9735f}
body.desktop-game-active #table-screen .player-info-box .p-avatar-countdown{flex-direction:column;gap:3px;background:rgb(6 9 12 / .5);color:#fff7e0;font:800 1.5rem/1 var(--muck-font,Inter,system-ui,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 1px 4px #000d;z-index:1}
body.desktop-game-active #table-screen .player-info-box .p-avatar-countdown:not(:empty)::after{content:'sec';font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffad}
body.desktop-game-active #table-screen .player-info-box.active-turn.timer-warning .p-avatar-countdown{color:#f0a493}
body.desktop-game-active #table-screen .player-info-box.timer-final .p-avatar-wrap{box-shadow:0 0 0 1.5px #d9735f80,0 0 16px 2px #c8503e59}
body.desktop-game-active #table-screen .player-info-box .p-timer-bar-wrap{display:none}

/* Whose turn it is, at a glance (Shaun, 2026-10-11: "the active player is definitely a bit to subdued, we need to make it
   a bit clearer who the action is on ... could be the timer, the fade/breathing efect on their plaque"). The acting
   plaque gets a deeper breathing glow (it used to fade down to 30%; no ring of its own: the plaque's own border is the
   edge, Shaun, 2026-10-11: "still seeing the 1 px outset"), and its name turns gold, and
   the ring is a touch bolder. No filters on the plaque: the portrait stays crisp. It doesn't move: the lift it had
   went (Shaun, 2026-10-11: "i hate how the active players plaque shifts up and down"). */
body.desktop-game-active #table-screen .player-info-box.active-turn::before{box-shadow:0 0 20px 3px #ffd34f99,0 0 46px 6px #ffd34f40;opacity:.6;animation-name:plaqueGlowStrong}
@keyframes plaqueGlowStrong{0%,100%{opacity:.6}50%{opacity:1}}
body.desktop-game-active #table-screen .player-info-box.active-turn .p-name :is(.p-name-text),body.desktop-game-active #table-screen .player-info-box.active-turn .p-name{color:#ffe1a1}
body.desktop-game-active #table-screen .p-turn-ring circle{stroke-width:5}   /* r 48.5 (includes/table-screen.php): the arc runs a touch under the gold rim (clipped), so no seam shows at any zoom (Shaun, 2026-10-11: "lose the gap") */
body.desktop-game-active #table-screen .p-turn-ring .ptr-fill{stroke:#e2b462}   /* the avatar ring's gold (Shaun, 2026-10-17: "the countdown color should be the same gold as the avatars") */
/* No hairline between the countdown ring and the rim (Shaun, 2026-10-17: "a tiny like 1px, 1/2 px space between the outline of
   the pfp"): the ring was cut off at the portrait's edge and that edge pixel let the portrait through. While the clock runs
   the ring isn't cut off: a touch wider and running a pixel under the rim, gold on gold, no seam. The portrait keeps its own
   round crop, and the dimmed countdown its own. */
body.desktop-game-active #table-screen .player-info-box.active-turn.turn-clock .p-avatar-wrap{overflow:visible}
body.desktop-game-active #table-screen .player-info-box.active-turn.turn-clock .p-turn-ring{overflow:visible}
body.desktop-game-active #table-screen .player-info-box.active-turn.turn-clock .p-turn-ring circle{stroke-width:6}
body.desktop-game-active #table-screen .player-info-box.active-turn.turn-clock .p-avatar-countdown{border-radius:50%}

/* Pre-action on desktop (assets/table.js _renderPreact lays it over the Fold / Check / Bet row; the look is in
   style.css): full strength while the rest of the footer stays faded. */
body.desktop-game-active #table-screen .action-btns-col.preact-on .action-btn-grid{visibility:hidden}
body.desktop-game-active #table-screen .action-btns-col.turn-hidden.preact-on > .preact-grid{opacity:1;pointer-events:auto}
body.desktop-game-active #table-screen .preact-grid:not([hidden]){display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:center}
body.desktop-game-active #table-screen .preact-grid .btn-preact{height:82px;border-radius:9px;font-size:18px;letter-spacing:.02em}   /* the size of Fold, Check and Bet */