/* Club surfaces follow the table palette; management uses a clear light canvas. */
:root{--club-accent:#52d4e5;--club-action:#167c91;--club-ink:#edf5ff;--club-line:#29415c}
body.poker-theme{--club-accent:#e8c879;--club-action:#8a641c}
.club-surface,.club-lobby{background:#081523!important;color:var(--club-ink);font-size:15px}
.club-surface .glass-panel,.club-lobby .glass-panel,.club-lobby .grad-card{background:#102238!important;border:1px solid var(--club-line)!important;box-shadow:0 12px 30px #0002!important;border-radius:20px!important}
.club-surface input,.club-lobby input,.club-surface select,.club-lobby select{font-size:16px!important;min-height:44px}
.club-surface button,.club-lobby button{min-height:42px}
.club-surface h2,.club-lobby h2{letter-spacing:-.4px;font-size:24px;line-height:1.3}
.club-surface .text-slate-500,.club-lobby .text-slate-500{color:#9bb0c9!important}
.club-surface .animate-fade-in,.club-lobby .animate-fade-in{animation:none!important}
.club-lobby.aurora-bg:before,.club-lobby.aurora-bg:after{display:none!important}
.club-lobby>.max-w-6xl{max-width:1240px}
.club-welcome{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:36px;padding:36px;margin:0 0 24px;border:1px solid #36536d;border-radius:24px;background:#122940;box-shadow:0 16px 40px #0002}
.club-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:var(--club-accent);display:block;margin-bottom:12px}
.club-welcome h1{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.22;letter-spacing:-1px;margin:0 0 12px;color:#f2f7fc}
.club-welcome p{font-size:15px;line-height:1.7;color:#b4c8de;margin:0}
.club-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:12px 20px;border:1px solid var(--club-accent);background:var(--club-action);color:#fff;border-radius:12px;font-weight:700}
.club-lobby-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.club-lobby-facts>div{padding:18px 12px;background:#0b1d30;border:1px solid #314c66;border-radius:14px;min-width:0}
.club-lobby-facts dt{font-size:11px;color:#b8cbdf;line-height:1.5;display:flex;flex-direction:column;gap:12px}
.club-lobby-facts dt i{color:var(--club-accent);font-size:18px}
.club-lobby-facts dd{font-size:30px;line-height:1.2;font-weight:800;color:#fff;margin:12px 0 0;font-variant-numeric:tabular-nums}
.club-lobby-facts dd.club-player-id{font-size:15px;overflow-wrap:anywhere}
.club-lobby .game-seg,.club-lobby .game-cube{background:#13273d!important;border:1px solid #36526c!important;box-shadow:none!important;border-radius:14px!important}
.club-lobby .game-seg.active,.club-lobby .cube-active{border-color:var(--club-accent)!important;background:#1c3a50!important;color:#fff!important}
.club-lobby .grad-card{padding:24px!important;transition:border-color .15s,box-shadow .15s}
.club-lobby .grad-card:hover{border-color:var(--club-accent)!important;box-shadow:0 12px 32px #0003!important;transform:none!important}
.club-lobby .lobby-wallet{flex-wrap:wrap;gap:12px;background:#0e2135;border-color:#30495f;padding:16px 20px}
.club-admin{background:#eef2f6!important;color:#1c2c40!important;font-size:15px;--club-accent:#197e89;--club-action:#196f7e}
.club-admin>.max-w-5xl{max-width:1320px}
.club-admin .glass-panel,.club-admin .stat-tile{background:#fff!important;border:1px solid #d6e0e9!important;box-shadow:0 4px 18px #263f4d06!important;border-radius:18px!important}
.club-admin :is(h1,h2,h3,h4){color:#162c44!important;letter-spacing:-.35px;line-height:1.35}
.club-admin h2{font-size:30px!important}.club-admin h3{font-size:21px!important}
.club-admin [class*="text-[9px]"],.club-admin [class*="text-[10px]"],.club-admin [class*="text-[11px]"]{font-size:12px!important;line-height:1.6}
.club-admin :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:#243b54!important}
.club-admin :is(.text-slate-400,.text-slate-500,.text-slate-600){color:#52677d!important}
.club-admin [class*="text-emerald-"],.club-admin [class*="text-green-"]{color:#08774f!important}
.club-admin [class*="text-rose-"],.club-admin [class*="text-red-"]{color:#b33244!important}
.club-admin [class*="text-purple-"],.club-admin [class*="text-fuchsia-"]{color:#7951a2!important}
.club-admin [class*="text-amber-"],.club-admin [class*="text-gold-"]{color:#866018!important}
.club-admin [class*="bg-slate-9"],.club-admin [class*="bg-slate-8"]{background:#f4f7fa!important;border-color:#d7e0e9!important}
.club-admin [class*="bg-gradient-"]{background-image:none!important;background-color:#eaf1f5!important;border-color:#cfdee6!important}
.club-admin button[class*="bg-gradient-"]{background:#1b7181!important;color:#fff!important}
.club-admin button[class*="from-rose"],.club-admin button[class*="from-red"]{background:#a93d4f!important;color:#fff!important}
.club-admin button[class*="from-purple"]{background:#715190!important;color:#fff!important}
.club-admin button[class*="bg-emerald-6"]{background:#187f66!important;color:#fff!important}
.club-admin button[class*="bg-gold-"]{background:#ead49b!important;color:#392b14!important}
.club-admin button{min-height:42px;box-shadow:none!important}
.club-admin button:disabled{opacity:.5}
.club-admin input:not([type="checkbox"]):not([type="range"]),.club-admin select{min-height:44px;font-size:16px!important;color:#203850!important;background:#fff!important;border-color:#bfcedc!important}
.club-admin .stat-tile{padding:24px!important;animation:none!important}
.club-admin .stat-tile p{font-size:28px!important;font-variant-numeric:tabular-nums}
.club-admin .stat-tile span{font-size:13px!important}
.club-admin table{font-size:14px!important}.club-admin th{font-size:12px!important;padding:14px 12px!important;background:#e9eff5;color:#4b6076!important;text-transform:none}
.club-admin td{padding:15px 12px!important;border-color:#e0e7ef!important}
.club-admin [id^="bo-"]{scroll-margin-top:90px!important}
.club-admin .accounting-entry{background:#15364a!important;color:#fff!important;border:0;padding:24px}
.club-admin .accounting-entry strong,.club-admin .accounting-entry span{color:#fff!important}.club-admin .accounting-entry small{color:#bfd3df!important}
.club-admin .admin-quick-nav,.club-admin .club-admin-nav{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #d6e0e9;padding:12px;border-radius:14px;margin-bottom:24px}
.club-admin .admin-quick-nav a,.club-admin .club-admin-nav a{color:#25546a;background:#eff5f8;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none}
.club-player-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;max-height:none!important;overflow:visible!important;padding:0!important}
.club-player-card{padding:22px!important;border:1px solid #d5e1eb!important;border-radius:16px!important;background:#fff!important;animation:none!important;align-content:start;gap:18px!important}
.club-player-card img{width:48px!important;height:48px!important;object-fit:cover}
.club-player-card>div{min-width:0}.club-player-card .club-member-balance{display:inline-flex!important;font-size:18px!important}
.club-player-card .club-player-open{cursor:pointer}.club-player-card .club-player-open:focus-visible{outline:3px solid #197e89;outline-offset:5px}
.settlement-cards{margin:24px 0}.club-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.club-account-card{display:block;text-align:start;background:#fff!important;color:#203850!important;border:1px solid #cad9e5!important;border-radius:16px;padding:22px;cursor:pointer;min-width:0}
.club-account-card:hover{border-color:#2c8b94!important;box-shadow:0 6px 22px #163a5210!important}
.club-account-identity{display:flex;align-items:center;gap:12px}.club-account-identity>i{margin-inline-start:auto;color:#608097;font-size:12px}.club-account-identity strong{display:block;font-size:17px;overflow-wrap:anywhere}.club-account-identity small{display:block;font-size:12px;color:#61778b}
.club-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eaf1f6;color:#4e6c88;flex-shrink:0}
.club-account-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 0;border-bottom:1px solid #e2e9ef}.club-account-result strong{font-size:25px;font-variant-numeric:tabular-nums}.club-account-result small{font-size:12px;color:#52697f}
.club-account-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0}.club-account-numbers small,.club-account-numbers b{display:block}.club-account-numbers small{font-size:12px;color:#61778b;margin-bottom:6px}.club-account-numbers b{font-size:16px;font-variant-numeric:tabular-nums}
.club-account-agent{border-top:1px solid #e2e9ef;padding-top:14px;display:flex;align-items:center;gap:8px;font-size:12px;color:#52697f}
.club-positive{color:#137858!important}.club-negative{color:#b23549!important}.club-empty{padding:28px;color:#65788b;text-align:center;background:#edf3f7;border-radius:12px}
.club-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px;font-size:14px}.club-pagination button{border:1px solid #bdccd8;background:#fff;color:#31516d;border-radius:10px;padding:10px 16px;min-height:44px}
.club-report-details{margin-top:16px;border:1px solid #d5e1eb;border-radius:12px;padding:16px;background:#fff}.club-report-details>summary{cursor:pointer;min-height:40px;font-size:14px;font-weight:700;color:#31566d}
.club-account-backdrop{position:fixed;inset:0;z-index:650;background:#071525a6;display:flex;justify-content:flex-end}
.club-account-dialog{box-sizing:border-box;width:min(570px,100vw);height:100dvh;overflow:auto;padding:32px;background:#f9fbfd;color:#233c54;box-shadow:0 0 60px #0003;font-family:inherit}
.club-account-dialog h2{font-size:30px;font-weight:800;margin:18px 0 8px}.club-account-dialog h3{font-size:19px;font-weight:700;margin:24px 0 12px}.club-account-dialog p{font-size:14px;line-height:1.7}.club-account-dialog .club-eyebrow{color:#257688}
.club-dialog-close{display:flex;gap:10px;align-items:center;margin-inline-start:auto;margin-bottom:24px;padding:10px 16px;border:1px solid #bfcedb;background:#fff;border-radius:10px;color:#31516b;min-height:44px}
.club-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.club-profile-facts>div{padding:18px;border:1px solid #d4e0e9;border-radius:12px;background:#fff}.club-profile-facts dt{font-size:12px;color:#5c7288}.club-profile-facts dd{font-size:20px;font-weight:700;margin:8px 0 0;overflow-wrap:anywhere}
.club-explainer{color:#596f85}.club-game-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #dce5ed}.club-game-entry small{display:block;color:#6b7e91;font-size:12px;margin-top:5px}.club-account-dialog>small{display:block;margin-top:20px;color:#62778b;font-size:12px}
.club-account-card:focus-visible,.club-primary:focus-visible,.club-account-dialog button:focus-visible{outline:3px solid #2b96aa;outline-offset:3px}
@media(max-width:1000px){.club-welcome{grid-template-columns:1fr;gap:24px;padding:28px}.club-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.club-welcome{padding:24px 20px;border-radius:18px;margin-bottom:18px}.club-welcome h1{font-size:28px}.club-welcome p{font-size:14px}.club-lobby-facts>div{padding:14px 10px}.club-lobby-facts dd{font-size:25px}.club-player-grid,.club-card-grid{grid-template-columns:1fr}.club-admin h2{font-size:25px!important}.club-admin h3{font-size:19px!important}.club-admin .stat-tile{padding:18px!important}.club-admin .stat-tile p{font-size:22px!important}.club-admin .glass-panel{padding:20px 16px!important}.club-account-dialog{padding:24px 20px}.club-lobby .grad-card{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.club-surface *,.club-lobby *,.club-admin *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.club-player-card>div:last-child{flex-wrap:wrap}.club-player-card button{min-width:42px}
.club-pending{padding:36px 24px;text-align:center;gap:24px!important}.club-pending>i{font-size:48px;padding:24px;border:1px solid #2e4964;border-radius:24px;background:#132b40}.club-pending>div{max-width:520px;line-height:1.7}.club-surface.aurora-bg:before,.club-surface.aurora-bg:after{display:none!important}
/* Poker room: the action dock owns space in the page, never the player's stack. */
.poker-room .pt-stage{min-height:0;flex:1 1 0}
.poker-action-dock{position:relative;z-index:70;flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#101b2c;border-top:1px solid #344259;box-shadow:0 -8px 28px #050a1466}
.poker-action-buttons{position:relative;width:100%;margin:auto;max-width:470px}
.poker-action-buttons button{min-height:48px;border-radius:12px;letter-spacing:.035em}
.poker-action-buttons .btn-call{background:#19846f;border:1px solid #4ac4a8;box-shadow:inset 0 1px #ffffff30}
.poker-action-buttons .btn-fold{background:#334157;border:1px solid #57667c}
.poker-action-buttons .btn-raise{background:#d5b36b;border:1px solid #f1d599;color:#131d2b}
.poker-hand-status{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;pointer-events:none}
.poker-seat{position:absolute}
.poker-player-info{overflow:hidden;min-width:0;font-variant-numeric:tabular-nums;padding:4px 6px!important;border-color:#536078!important;background:#101c2e!important}
.poker-player-info>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poker-player-info .poker-seat-action{position:static!important;transform:none!important;display:block;border-radius:4px;margin-top:3px;padding:2px 3px;min-height:15px;font-size:8px;line-height:11px;box-shadow:none;letter-spacing:.025em}
.poker-seat-hero>.relative.flex.flex-col.items-center{display:grid;grid-template-columns:40px minmax(104px,1fr);column-gap:8px;align-items:center}
.poker-seat-hero .player-pod{width:40px!important;height:40px!important;min-width:40px}
.poker-seat-hero .poker-player-info{width:auto!important;margin:0;text-align:left;padding:5px 10px!important}
.poker-seat-hero .poker-player-info>div:nth-child(2){font-size:16px;line-height:21px}
.poker-seat-hero .poker-hole-cards{grid-column:1/-1;justify-content:center;margin:0 0 7px!important;transform:none!important}
.poker-hole-cards{flex-shrink:0}
.poker-hole-cards>span{flex-shrink:0}
.poker-revealed-hand{display:grid!important;grid-template-columns:repeat(3,max-content);gap:2px!important;margin:5px 0!important;transform:none!important}
.poker-revealed-hand .card-face{width:28px!important;height:42px!important}
.poker-room .pt-fsvg{top:5%;height:90%;width:min(99.4vw,470px)}
.poker-connection-status{position:absolute;top:8px;left:8px;right:8px;z-index:220;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;background:#492d13;color:#ffdb9b;border:1px solid #aa7939;border-radius:12px;font-size:13px}
.poker-connection-status button{border:1px solid currentColor;border-radius:8px;min-height:36px;padding:4px 12px}
/* A club balance is a labelled amount with its own row, including long values. */
.cl-card .cl-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:100%}
.cl-card .cl-stat{min-width:0;max-width:100%;box-sizing:border-box;padding:6px 8px}
.cl-card .cl-balance{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;background:#0c1828;border-color:#43536a}
.cl-balance-label{font-size:8px;letter-spacing:.11em;color:#a6b8cf}
.cl-balance-amount{display:block;width:100%;min-width:0;overflow-wrap:anywhere;font-size:clamp(15px,4.2vw,20px);line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;color:#f0ce8a}
@media(max-height:680px){.poker-action-dock{gap:5px;padding-top:6px}.poker-hand-status:empty{display:none}.poker-seat-hero .card-face{height:46px!important}.poker-seat-hero .poker-player-info>div:nth-child(2){font-size:14px;line-height:18px}}
.personal-code{padding:20px;margin:16px 0 24px;background:#101e30;border:1px solid #40526a;border-radius:16px;color:#eef2f8;text-align:start}
.personal-code h2{font-size:19px;font-weight:800;margin:0 0 14px;color:#f1ce87}
.personal-code form{display:grid;gap:12px}.personal-code-field{display:grid;gap:5px;font-size:12px;color:#b9c9df}
.personal-code-field input{width:100%;min-width:0;box-sizing:border-box;background:#091321;border:1px solid #53657f;color:#fff;padding:12px 14px;border-radius:10px;font-size:16px;min-height:46px;outline-offset:2px}
.personal-code-tabs{display:flex;gap:8px;margin-bottom:16px}.personal-code-tabs button{flex:1;border:1px solid #50617a;border-radius:8px;padding:8px;min-height:40px;font-size:13px}.personal-code-tabs button[aria-pressed=true]{background:#2c3d52;border-color:#d5b36b;color:#ffdc99}
.personal-code .personal-code-submit{padding:12px 16px;min-height:46px;border-radius:10px;background:#d5b36b;color:#091321;font-weight:800;font-size:15px}.personal-code button:disabled{opacity:.5;cursor:wait}
.personal-code-help{color:#a8b9d0;font-size:12px;line-height:1.7;margin:12px 0 0}.personal-code-error{font-size:13px;color:#ffb6bb;line-height:1.6}.personal-code-notice{font-size:13px;color:#98dec7;line-height:1.6}
.personal-code-id{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;background:#23374d;border-radius:10px;margin-bottom:16px}.personal-code-id span{font-size:12px}.personal-code-id strong{font-size:23px;letter-spacing:.08em;user-select:text}.personal-code-id button{border:1px solid #8293a7;border-radius:8px;padding:8px 12px}
.auth-poker.auth-shell{overflow-y:auto!important;justify-content:flex-start!important;padding-top:max(20px,env(safe-area-inset-top))!important}.auth-poker .auth-card{flex-shrink:0;margin:auto 0}.auth-poker .personal-code{padding:16px}.auth-poker .auth-footer{flex-shrink:0}

.personal-code-verify{padding:12px;margin:12px 0;background:#172c40;border:1px solid #405d73;border-radius:10px}.personal-code-verify p{font-size:12px;line-height:1.6;color:#c7d8e8;margin:0 0 8px}.personal-code-verify button{min-height:42px;padding:8px 12px;border:1px solid #7796b1;border-radius:8px;background:#223e55;color:#fff;font-weight:700}

/* Keep the room list in view; management tools expand only when needed. */
.club-lobby .club-welcome{padding:20px 24px;gap:24px;margin-bottom:16px;border-radius:18px;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}
.club-lobby .club-welcome h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin-bottom:6px}
.club-lobby .club-eyebrow{margin-bottom:8px}
.club-lobby .club-lobby-facts>div{padding:10px 12px;border-radius:10px}
.club-lobby .club-lobby-facts dt{gap:5px}
.club-lobby .club-lobby-facts dd{font-size:23px;margin-top:5px}
.club-lobby .club-lobby-facts dd.club-player-id{font-size:13px}
.club-lobby .lobby-wallet{padding:10px 14px}
.club-lobby .lobby-install{width:auto;margin:0 0 12px auto;padding:8px 14px;background:#13273d;border:1px solid #36526c;box-shadow:none;font-size:12px;border-radius:10px}
.lobby-quick-tables summary{cursor:pointer;min-height:28px;line-height:28px;font-size:14px}
.lobby-quick-tables[open] summary{margin-bottom:12px}
.lobby-quick-tables summary:focus-visible{outline:2px solid var(--club-accent);outline-offset:5px}
.club-lobby .tbl-row{border-color:#30475e;box-shadow:0 4px 16px #0002}
.club-lobby .tbl-row:hover{border-color:var(--club-accent)}
/* A folded hand is muted, but the player's identity and balance stay legible. */
.poker-player-folded .player-pod,.poker-player-away .player-pod{filter:grayscale(1);opacity:.55}
.poker-player-folded .poker-player-info,.poker-player-away .poker-player-info{border-color:#536078!important}
@media(min-width:900px) and (min-height:600px){
 .poker-seat:not(.poker-seat-hero) .poker-player-info{width:108px!important;padding:5px 8px!important}
 .poker-seat:not(.poker-seat-hero) .poker-player-info>div:first-child{font-size:12px;line-height:16px}
 .poker-seat:not(.poker-seat-hero) .poker-stack-amount{font-size:15px;line-height:20px}
}
@media(max-width:760px){
 .club-lobby .club-welcome{grid-template-columns:1fr;padding:16px;gap:14px}
 .club-lobby .club-welcome h1{font-size:23px}
 .club-lobby .club-welcome p{font-size:13px}
 .club-lobby .club-lobby-facts>div{padding:8px}
 .club-lobby .club-lobby-facts dt{font-size:10px;gap:4px}
 .club-lobby .club-lobby-facts dt i{display:none}
 .club-lobby .club-lobby-facts dd{font-size:19px}
 .club-lobby .club-lobby-facts dd.club-player-id{font-size:11px}
}