@font-face {
  font-family: Inter; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: Inter; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Poker surfaces: charcoal chrome, ivory cards, clay chips and woven felt. */
.chip-transfer{position:fixed;z-index:12;pointer-events:none;width:42px;height:31px}
:root{--muted:#999;--green:#47ba8b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
button{touch-action:manipulation}button:disabled{opacity:.42}.shell{padding-bottom:108px}.balance{height:144px;padding-top:25px}.balance p{color:#989898;font-size:12px;margin-bottom:7px}.balance h1{font-size:39px;font-weight:650;letter-spacing:-1.8px}.balance small{display:block;font-size:10px;color:#747474;margin-top:8px}.balance-unit{color:#6f7775}.balance-unit svg{width:24px;height:24px}.quick-actions{gap:7px;margin-bottom:16px}.quick-action{min-height:65px;border-radius:13px;border:1px solid #232323;font-size:11px;font-weight:500;gap:7px}.quick-action svg{width:20px;height:20px}.top-actions{gap:6px}.topbar .avatar{border-width:2px;background:#242827;color:#ddd}.topbar .icon-button{width:38px;height:38px;background:#1b1b1b}
.promo{height:144px;padding:22px 17px;border-radius:17px;background:linear-gradient(115deg,#141a21,#23354a);border:1px solid #304051;margin-bottom:16px}.promo-copy small{display:block;color:#aab8c9;font-size:9px;letter-spacing:1.8px;margin-bottom:12px}.promo-copy strong{font-size:22px;letter-spacing:-.8px;line-height:1.1;max-width:190px}.promo-copy>span{font-size:10px;margin-top:13px;gap:5px}.promo-copy svg{width:14px;height:14px}.promo-art{width:144px;right:-1px}.promo-art .playing-card{width:48px;height:69px;top:17px;right:66px;box-shadow:0 2px 0 #9da5ac,0 5px 12px #0008;background:linear-gradient(120deg,#fffdf6,#ebe7dd);transform:rotate(-17deg)}.promo-art .playing-card.red{right:26px;top:12px;transform:rotate(14deg)}.promo-art .chip-stack{position:absolute;right:7px;bottom:18px;transform:scale(.95) rotate(-6deg)}.tile-title{font-size:14px}.tile-sub{color:#939393;font-size:11px}.list-panel{padding:14px 14px 5px;border:1px solid #252525;border-radius:15px}.section-head{justify-content:space-between}.section-head>span{color:#878787}.tile-icon{border-radius:12px;width:38px;height:38px}.tile-icon.green{background:#1d303d;color:#a9cce6}.tile-icon.red{background:#2e2821;color:#d4b98c}.tile-icon svg{width:21px;height:21px}.bonus-row{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:14px 12px;background:#1b1b1b;border:1px solid #2c2c2c;border-radius:15px;margin-top:12px}.bonus-row>span:not(.chip-stack){flex:1}.bonus-row b{display:block;font-size:13px}.bonus-row small{display:block;color:#969696;font-size:11px;margin-top:4px}.bonus-row>svg{width:16px;color:#888}.notice{color:#898989}.notice span{color:#aaa}.entry-note{color:#aaa}.nav-dock{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.dock-caption{margin-top:8px;font-size:9px}.bottom-nav{min-height:58px;border-color:#343434}.nav-item{font-size:9px;font-weight:500}.nav-item.active{background:#26323a}.nav-dock:after{top:26px}.empty{border:1px solid #2a2a2a}.empty>.chip-stack{margin:0 auto 25px}.empty .secondary{margin-top:9px}

/* Physical chip edges and inset clay faces, all drawn locally in CSS. */
.chip-stack{position:relative;display:inline-block;flex:none;width:102px;height:65px;vertical-align:middle;isolation:isolate;pointer-events:none}.clay{--face:#aa3040;--edge:#631c28;--stripe:#e8e0cb;position:absolute;display:grid;place-items:center;width:51px;height:51px;right:4px;bottom:11px;transform:rotate(-16deg) scaleY(.73);border-radius:50%;background:repeating-conic-gradient(var(--stripe) 0deg 15deg,var(--face) 15deg 58deg,var(--stripe) 58deg 63deg,var(--face) 63deg 90deg);border:1px solid #fff7;box-shadow:0 2px 0 var(--edge),0 3px 0 var(--stripe),0 5px 0 var(--edge),0 6px 0 var(--face),0 8px 0 var(--stripe),0 10px 0 var(--edge),0 12px 0 var(--face),1px 18px 10px #0008}.clay:before{content:'';position:absolute;inset:6px;border:1px solid #f4e9d8bb;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#ffffff28,transparent 65%),var(--face);box-shadow:0 0 0 1px #0004,inset 0 0 0 3px #0001}.clay i{position:relative;z-index:1;font:700 14px Georgia,serif;letter-spacing:-.5px;color:#fff1d6;text-shadow:0 1px #0005;border:1px solid #f7edd24a;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.clay.ivory{--face:#d8cfb8;--stripe:#698b7c;--edge:#6c6c58;left:0;bottom:6px;transform:rotate(13deg) scaleY(.73);z-index:-1}.clay.ivory i{color:#344f45}.clay.graphite{--face:#343a3b;--stripe:#e5dcc7;--edge:#141b1c;right:22px;bottom:29px;width:46px;height:46px;z-index:-2}.chip-stack.mini{width:42px;height:31px}.mini .clay{width:25px;height:25px;bottom:4px;right:0;border-width:.5px;box-shadow:0 2px 0 var(--edge),0 3px 0 var(--stripe),0 5px 0 var(--edge),0 6px 0 var(--face),0 9px 6px #0006}.mini .clay:before{inset:3px}.mini .clay i{font-size:6px;width:14px;height:14px}.mini .clay.ivory{left:0;bottom:2px}.mini .clay.graphite{right:7px;bottom:13px;width:20px;height:20px}.bonus-row .mini{margin-right:4px}

.playing-card{border:1px solid #fcfaf4;border-radius:5px;background:linear-gradient(120deg,#fffdf8,#ece9e1);box-shadow:0 1px 0 #a8a59d,0 3px 5px #0005;color:#162125;font:700 18px Georgia,serif}.playing-card.red{color:#b72c3e}.playing-card .corner{font:700 .95em/.83 Georgia,serif;top:4px;left:4px}.playing-card .corner b{font-size:.66em;margin-top:3px}.playing-card .corner:last-child{bottom:4px;right:4px;top:auto;left:auto}.playing-card .pip{font-size:1.45em;top:53%;left:55%}.playing-card.court .pip{font-size:1.1em;top:57%;z-index:1}.court-frame{position:absolute;inset:9px 10px;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;border:1px solid currentColor;opacity:.65;font:700 18px Georgia,serif}.playing-card.back{border:2px solid #e6dfd0;background:repeating-linear-gradient(45deg,#a34e51 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,#a34e51 0 1px,#61272f 1px 4px)}.playing-card.back:after{border-color:#d6b8a3aa;color:#eddcc4;font-size:15px;inset:3px}.playing-card.placeholder{border:1px solid #b8d5c52a;background:#082e2340;box-shadow:inset 0 1px 3px #0003}.playing-card.placeholder:after{color:#c6ddd122;font-size:19px}.playing-card[data-best=true]{outline:1px solid #deb96b;outline-offset:2px}

/* The table fits above a persistent, reachable action tray. */
.table-shell{max-width:900px;padding:calc(10px + var(--safe-top)) 12px 0;min-height:100svh;display:flex;flex-direction:column;background:#131313}.table-bar{width:100%;max-width:780px;min-height:40px;margin:0 auto}.table-bar .icon-button{width:36px;height:36px;background:#202020;border:1px solid #303030}.center-title h1{font-size:13px;max-width:240px;letter-spacing:.1px}.center-title p{font-size:10px;letter-spacing:0;color:#a4a4a4}.center-title p span{color:#707d75}.connection{width:100%;max-width:760px;justify-content:flex-start;font-size:9px;margin:10px auto 0;color:#99aaa1}.table-unit{margin-left:auto;color:#707873}.stage{height:clamp(315px,calc(100svh - 286px),470px);min-height:315px;flex:none;max-width:730px;width:100%;margin:12px auto 2px;isolation:isolate}.felt-rail{inset:28px 24px 28px;padding:12px;border-radius:47% / 42%;border:1px solid #474b47;background:repeating-linear-gradient(8deg,#202422 0 1px,#1c201e 1px 3px);box-shadow:inset 0 2px 1px #7b817b55,inset 0 -5px 3px #080a09,0 10px 22px #0008}.felt-rail:after{content:'';position:absolute;inset:5px;border:1px dashed #8b8b7345;border-radius:inherit;pointer-events:none}.felt{height:100%;border-radius:inherit;border:1px solid #4a7960;background:radial-gradient(ellipse at 45% 34%,#315f4c55,#07291eaa),repeating-linear-gradient(0deg,#295a45 0 .6px,#25533f .6px 1.8px);box-shadow:inset 0 4px 18px #0007,0 0 0 2px #080f0b}.felt:after{inset:12px;border-radius:inherit;border-color:#afc0a325}.table-center{top:48%;width:74%;z-index:1}.felt-brand{font-size:8px;letter-spacing:2px;color:#d1dfc652;margin-bottom:16px}.felt-brand span{display:block;font-size:6px;letter-spacing:3px;margin-top:3px}.community{gap:5px}.community .playing-card{width:37px;height:53px;font-size:15px;animation:none}.pot-display{display:flex;justify-content:center;align-items:center;gap:9px;margin:17px 0 0}.pot-display>.chip-stack{transform:scale(.58);transform-origin:right center;width:65px;margin-left:-18px;height:43px}.pot-display>span:last-child{text-align:left}.pot-display small{display:block;color:#a4bcac;font-size:8px;margin-bottom:2px}.pot-display strong{font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.7px;font-weight:650}.phase{font-size:9px;color:#adc5b6;margin-top:7px}.seat{left:var(--x);top:var(--y);width:76px;z-index:3;transform:translate(-50%,-50%)}.seat-avatar{width:31px;height:31px;border:2px solid #626961;background:linear-gradient(155deg,#434e49,#262d29);font-size:12px;box-shadow:0 2px 5px #0008;z-index:1}.seat:nth-of-type(3n) .seat-avatar,.seat:nth-of-type(3n+1) .seat-avatar{background:linear-gradient(155deg,#434e49,#262d29);border-color:#626961}.seat-label{padding:4px 3px 5px;margin-top:-2px;border:1px solid #454b46;border-radius:7px;background:linear-gradient(#252a27,#181d1a);box-shadow:0 2px 4px #0005}.seat-name{font-size:9px;font-weight:450;color:#b9c2bc;line-height:1.2}.seat-stack{font-size:12px;line-height:1.2;display:block;margin-top:2px;font-weight:650;color:#f4f1e7;font-variant-numeric:tabular-nums}.seat.current .seat-avatar{border-color:#e2b86d;box-shadow:0 0 0 2px #a57c3544}.seat.current .seat-label{border-color:#d4ae63;background:linear-gradient(#353426,#23271f)}.seat.current .seat-action{color:#e3c892}.seat.own-seat .seat-name{color:#eee}.seat.winner .seat-label{border-color:#ddb86d;box-shadow:0 0 16px #d5ab4822}.seat.folded{opacity:.5}.seat-action{position:absolute;left:-5px;right:-5px;top:100%;font-size:8px;line-height:15px;color:#b7c4bc;white-space:nowrap}.seat-cards{position:absolute;left:0;right:0;top:-15px;margin:0;height:27px;gap:1px}.seat-cards .playing-card{width:20px;height:28px;font-size:8px;transform:rotate(-8deg);box-shadow:0 2px 4px #0006}.seat-cards .playing-card:last-child{transform:rotate(8deg)}.seat-cards .corner{font-size:7px;top:2px;left:2px}.seat-cards .corner:last-child{display:none}.seat-cards .pip{font-size:11px}.seat-cards .court-frame{display:none}.seat-cards .playing-card.back:after{font-size:12px;inset:2px}.dealer{width:16px;height:16px;font:700 9px Georgia,serif;bottom:-1px;right:-8px;box-shadow:0 1px 0 #b7b3a2;background:#f1ebd9;border:1px solid #aca593;color:#292a23}.blind{top:-3px;right:-12px;font-size:6px;padding:2px;background:#2d3931;color:#cfdbd2;border-color:#697b6c}.bot-tag{position:absolute;top:2px;left:calc(100% + 3px);font-size:5px;color:#9dafa3;border:1px solid #546255;border-radius:2px;padding:1px;background:#19241d}.table-bet{position:absolute;display:flex;align-items:center;gap:2px;z-index:2;transform:translate(-50%,-50%);pointer-events:none}.table-bet .mini{width:21px;height:20px}.table-bet .mini .clay{width:18px;height:18px}.table-bet .mini .clay i{display:none}.table-bet .mini .graphite,.table-bet .mini .ivory{display:none}.table-bet b{font-size:9px;font-weight:500;color:#f4e9cb;background:#183d2dc9;border-radius:4px;padding:2px 3px}.empty-seat{opacity:.65;display:grid;place-items:center;gap:5px}.empty-place{width:28px;height:28px;border:1px dashed #8da18e88;border-radius:50%;display:grid;place-items:center;color:#a4b6aa;font-size:17px;background:#172a2144}.empty-seat small{font-size:8px;color:#b4c1b7}
.play-controls{width:100%;max-width:620px;margin:0 auto;padding:9px 0 calc(8px + env(safe-area-inset-bottom,0px));background:#131313;z-index:5}.is-playing .play-controls{position:sticky;bottom:0;margin-top:auto;border-top:1px solid #2a2e2b}.hero-tray{display:flex;align-items:center;gap:12px;margin-bottom:13px;min-height:64px}.you-hand{display:flex;justify-content:flex-start;gap:3px;margin:0;min-height:0;flex:none;padding:2px}.you-hand .playing-card{width:43px;height:61px;font-size:18px;transform:none}.you-hand .playing-card:last-child{transform:none}.hero-info{min-width:0;flex:1}.hero-info>span{display:block;font-size:9px;color:#89978e;margin-bottom:5px}.hero-info strong{display:block;font-size:14px;letter-spacing:-.3px;font-weight:600;color:#f0e6cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-info small{display:block;color:#79857c;font-size:8px;margin-top:5px}.hero-stack{text-align:right;font-size:15px;font-weight:600;letter-spacing:-.4px;color:#e0e5df;font-variant-numeric:tabular-nums}.hero-stack small{display:block;font-weight:400;color:#7f8b83;font-size:8px;margin-top:4px;letter-spacing:0}.turn-status{font-size:11px;margin-bottom:7px;color:#abb4ad}.turn-status strong{color:#e0c38c;font-size:12px}.timer{font-size:11px}.timer-bar{height:3px;margin-bottom:10px;border-radius:2px;background:#2b302c}.timer-bar span{background:#c9a767;transition:width 1s linear}.timer-bar.urgent span{background:#c85a5a}.action-row{gap:8px;display:grid;grid-template-columns:1fr 1.1fr 1.25fr}.action-row button{border-radius:11px;min-height:54px;padding:9px 5px;transition:background .15s,transform .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #3b3e3a;box-shadow:inset 0 1px #ffffff07,0 2px #080b09}.action-row button>span{font-size:13px;font-weight:650}.action-row button small{font-size:10px;margin-top:3px;opacity:1}.fold-action{background:#242522;color:#c7b5b0}.fold-action small{color:#8f8380}.call-action{background:#e3dfd4;color:#171d19;border-color:#e3dfd4!important}.call-action small{color:#536157}.raise-action{background:#267957;color:#f0f5ed;border-color:#438b68!important}.raise-action small{color:#c1dccb}.action-row button:disabled{opacity:.35;box-shadow:none}.event-line{font-size:9px;min-height:13px;margin:8px 0 0;color:#8c9990}.lobby-actions h2{font-size:17px;margin:0 0 8px}.lobby-actions p{color:#a3aea6;font-size:11px}.lobby-actions .primary{margin-top:8px}.table-code{background:#202923;color:#dddfd5;border:1px dashed #64796a;border-radius:10px;padding:9px 20px;font:600 22px ui-monospace,monospace;letter-spacing:3px;display:inline-flex;gap:10px;align-items:center}.table-code svg{width:15px}.between-actions{display:flex;justify-content:center;gap:20px;margin:14px 0 3px}.between-actions button{font-size:11px;background:none;color:#a3aea7;padding:5px 0}.between-actions button:last-child{color:#b09b96}.deal-button{background:#e6e1d5!important}.result-box{background:linear-gradient(115deg,#242a23,#1c211c);border:1px solid #5b6049;border-radius:13px;padding:13px;margin:0 auto 14px;text-align:center}.result-kicker{font-size:8px;letter-spacing:1px;color:#a4ab95}.result-box h2{font-size:19px;letter-spacing:-.4px;color:#f0e5c9;margin:8px 0 3px}.result-prize{display:flex;align-items:center;justify-content:center;gap:7px}.result-prize b{font-size:22px;color:#f0d59d}.result-prize>span:last-child{font-size:10px;color:#aeb5a2}.result-box>p{font-size:12px;color:#e1d9c1;margin-top:3px}.reveal-button{background:transparent;color:#b3bca9;font-size:10px;margin-top:9px;display:inline-flex;align-items:center;gap:3px}.reveal-button svg{width:12px;height:12px}.side-pots{display:grid;gap:3px;font-size:9px;color:#a6af9f;margin-top:8px}.reveal-player{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #30332e}.reveal-cards{display:flex;gap:3px;flex:none}.reveal-cards .playing-card{width:36px;height:52px;font-size:15px}.reveal-player strong{font-size:12px}.reveal-player p{font-size:12px;color:#dfc798;margin-top:4px}.reveal-player small{display:block;font-size:10px;color:#9aa591;margin-top:4px}.reveal-list{margin-bottom:20px}

dialog{padding:21px;background:#1a1b1a;border:1px solid #3a3e39;border-radius:20px;max-height:calc(100svh - 24px);overflow:auto;overscroll-behavior:contain}dialog[open]{animation:sheet-in .22s ease-out}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-title{margin-bottom:13px;gap:12px}.modal-title h2{font-size:21px;font-weight:600;letter-spacing:-.6px}.modal-title button{width:32px;height:32px;font-size:24px;flex:none;color:#b0b4ae}.sheet-lead{font-size:12px;color:#a4aba1;line-height:1.65;margin-bottom:18px}.field{font-size:11px;color:#b4b8ae;margin-bottom:13px}.field input,.field select{min-height:44px;padding:11px;background:#111411;border-color:#363c34;border-radius:9px;color:#e6e9df}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.limits-panel{background:#20251f;border:1px solid #333b30;border-radius:12px;padding:12px 12px 0;margin:2px 0 16px}.limits-panel>span{font-size:11px;color:#c8d0be;display:block;margin-bottom:10px}.stack-choice strong{float:right;font-size:19px;color:#e8ddbf;font-variant-numeric:tabular-nums}.field input[type=range]{accent-color:#cbb280;min-height:35px;height:35px;padding:0;cursor:pointer;touch-action:pan-y;border:0;background:transparent}.field input[type=range]::-webkit-slider-thumb{min-width:22px;min-height:22px}.primary,.secondary,.danger{border-radius:11px;min-height:48px;font-size:13px;padding:13px 16px;letter-spacing:.1px}.primary{background:#e8e2d5;color:#152019;border:1px solid #f2ede4}.secondary{background:#252b24;border:1px solid #3c4437;color:#d5dccf}.danger{background:#302723;color:#e2b4a6;border:1px solid #544039}.form-note{font-size:10px;color:#969e8e;line-height:1.6;margin:12px 0 16px}.raise-counter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0}.raise-counter button{width:43px;height:43px;border:1px solid #454c3e;background:#283025;color:#d9e2cd;border-radius:12px;font-size:24px}.raise-number{margin:0;font-size:36px;color:#efe4c7;letter-spacing:-1px;font-weight:550}.range-field{display:flex;flex-wrap:wrap;justify-content:space-between;color:#8d9b82;font-size:10px}.range-field input{flex:0 0 100%}.presets{gap:7px;margin:13px 0}.presets button{min-height:41px;background:#283023;border:1px solid #414c36;color:#d8e4ca;border-radius:9px;font-size:10px}.bonus-art{display:flex;justify-content:center;margin:28px 0 16px;transform:scale(1.4)}.bonus-amount{text-align:center;font-size:40px;font-weight:650;letter-spacing:-1.7px;color:#f0e3bd;margin:18px 0 12px}.bonus-art~.sheet-lead{text-align:center}.bonus-check{margin-top:10px}.sheet-art{height:115px;position:relative;display:flex;justify-content:center;gap:4px;padding-top:12px}.sheet-art .playing-card{width:53px;height:76px;font-size:21px;transform:rotate(-10deg)}.sheet-art .playing-card:nth-child(2){transform:rotate(10deg)}.sheet-art .chip-stack{position:absolute;left:50%;bottom:6px;transform:translateX(14px) scale(.8)}.sheet-heading{font-size:17px;text-align:center;margin-bottom:9px}.sheet-heading+.sheet-lead{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#toast{background:#30362d;border:1px solid #5a6750;color:#edf0e5;bottom:112px}
@keyframes sheet-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:370px){.table-shell{padding-left:9px;padding-right:9px}.seat{width:65px}.seat-avatar{width:28px;height:28px;font-size:11px}.seat-label{padding:4px 2px}.seat-name{font-size:8px}.seat-stack{font-size:11px}.community{gap:4px}.community .playing-card{width:32px;height:47px;font-size:13px}.felt-rail{left:22px;right:22px;padding:10px}.hero-tray{gap:9px}.hero-info strong{font-size:12px}.hero-info small{font-size:7px}.hero-stack{font-size:13px}.you-hand .playing-card{width:38px;height:55px;font-size:16px}.pot-display{margin-top:13px}.pot-display strong{font-size:22px}.promo-copy strong{font-size:20px}.promo-copy>span{font-size:9px}.promo-art{right:-8px}.quick-action{font-size:10px}.table-bet b{font-size:8px}.table-bet .mini{width:18px}.seat-cards .playing-card{width:18px;height:25px}}
@media(min-width:600px){.table-shell{padding:17px 26px 0}.stage{height:clamp(330px,calc(100svh - 275px),440px);max-width:740px}.felt-rail{inset:25px 36px;padding:15px;border-radius:45% / 48%}.seat{width:98px}.seat-avatar{width:35px;height:35px;font-size:14px}.seat-label{padding:5px 4px}.seat-name{font-size:10px}.seat-stack{font-size:13px}.seat-cards .playing-card{width:23px;height:31px}.community .playing-card{width:48px;height:67px;font-size:19px}.table-center{top:48%}.felt-brand{margin-bottom:13px}.hero-tray{margin-bottom:11px}.you-hand .playing-card{width:45px;height:64px;font-size:19px}.table-bet{gap:5px}.table-bet b{font-size:10px}.play-controls{max-width:560px}.result-box{max-width:430px}}
@media(max-height:670px) and (max-width:599px){.table-shell{padding-top:7px}.stage{height:310px;min-height:310px;margin-top:8px}.hero-tray{margin-bottom:7px;min-height:53px}.you-hand .playing-card{width:35px;height:49px;font-size:15px}.action-row button{min-height:48px}.event-line{margin-top:5px}.connection{margin-top:7px}.table-shell .demo-banner{margin-bottom:5px;font-size:7px}.felt-brand{margin-bottom:11px}.play-controls{padding-top:7px}.hero-info strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.timer-bar span{transition:none}}
.playing-card .corner{font-size:.68em;line-height:.95;top:4px;left:4px}.playing-card .corner b{font-size:.75em;margin-top:2px}.playing-card .pip,.playing-card.court .pip{font-size:1.2em;top:52%;left:52%}.court-frame{display:none}.playing-card[data-best=true]{outline:1px solid #cfb374;outline-offset:0}.stage{height:clamp(315px,calc(100svh - 340px),470px);margin-bottom:28px}.seat.own-seat .seat-action{display:none}.community .playing-card .corner:last-child{display:none}.community .playing-card .pip{top:66%;left:65%;font-size:1.3em}
@media(min-width:600px){.stage{height:clamp(330px,calc(100svh - 320px),420px)}}
@media(max-height:670px) and (max-width:599px){.stage{height:310px;min-height:310px;margin-bottom:20px}}

/* Match the reference: black surfaces, clean white indices and cold blue accents. */
:root{--text:#f5f5f5;--muted:#8d8d93}.quick-action{background:linear-gradient(#151515,#0c0c0c);border-color:#1d1d1f;box-shadow:inset 0 1px #ffffff04;min-height:57px;border-radius:14px;font-size:11px;font-weight:600;gap:5px}.quick-action svg{stroke-width:1.7}.balance{height:151px}.balance p{color:#777}.balance small{color:#727277}.balance-unit{color:#515155}.promo{height:100px;border:0;background:linear-gradient(105deg,#151b26,#2c527c);border-radius:15px;padding:15px 16px}.promo-copy small{font-size:8px;letter-spacing:1.4px;color:#b9c5d6;margin-bottom:6px}.promo-copy strong{font-size:20px;max-width:185px}.promo-copy>span{margin-top:8px;color:#e0e9f5;font-size:10px}.promo-art{width:140px;right:0}.promo-art .playing-card{width:42px;height:59px;font-size:17px;top:7px;right:61px;background:linear-gradient(130deg,#fff,#e6e9ee)}.promo-art .playing-card.red{top:3px;right:23px}.promo-art .chip-stack{bottom:4px;right:0;transform:scale(.77) rotate(-6deg);transform-origin:right bottom}.list-panel{border:0;background:#0e0e0e;border-radius:15px}.tile-icon.green{background:#259ee9;color:#fff}.tile-icon.red{background:#e6971e;color:#fff}.tile-icon{border-radius:50%}.tile-sub{color:#85858a}.section-head>span{color:#77777e}.bonus-row{border:0;background:#0e0e0e;padding:11px 13px;min-height:61px}.bonus-row>svg{color:#8c8c94}.nav-item.active{background:linear-gradient(135deg,#1d303e,#292c30)}
.clay{--face:#ad293d;--stripe:#edf0f3;--edge:#6e1529;border-color:#ffffffa0}.clay i{color:#fff;border-color:#f8faff44}.clay:before{border-color:#f2f3f9aa;background:radial-gradient(ellipse at 30% 20%,#fff3,transparent 70%),var(--face)}.clay.ivory{--face:#e1e7ec;--stripe:#4f708a;--edge:#5c6e7e}.clay.ivory i{color:#345069}.clay.graphite{--face:#29343f;--stripe:#e5eaf0;--edge:#121923}.playing-card{background:linear-gradient(130deg,#fff,#eef0f3);border-color:#fff;color:#132234}.playing-card.red{color:#ca3048}.playing-card[data-best=true]{outline-color:#75b7ef}.playing-card.back{border-color:#f0f1f5;background:repeating-linear-gradient(45deg,#587b9d 0 .7px,transparent .7px 3px),repeating-linear-gradient(-45deg,#587b9d 0 .7px,#163550 .7px 3px)}.playing-card.back:after{color:#c9dcef;border-color:#b7cee377}
.felt-rail{background:linear-gradient(115deg,#32373b 0,#1b1d20 35%,#303438 65%,#17191d);border-color:#4c5359;box-shadow:inset 0 2px 1px #939ba455,inset 0 -5px 3px #08090c,0 10px 25px #0009}.felt-rail:after{border-color:#9ba9b038}.felt{border-color:#477e67;background:radial-gradient(ellipse at 48% 35%,#20765470,#073b2a66),repeating-conic-gradient(#1d5a43 0% 25%,#1a533e 0% 50%) 0/2px 2px;box-shadow:inset 0 4px 23px #00190dbb,0 0 0 2px #0b1615}.felt:after{border-color:#bddecc27}.felt-brand{color:#b6d8ce55}.seat-label{background:linear-gradient(#25292e,#171b20);border-color:#454c53;border-radius:7px;box-shadow:0 2px 3px #0006}.seat-avatar,.seat:nth-of-type(3n) .seat-avatar,.seat:nth-of-type(3n+1) .seat-avatar{border-color:#626b75;background:linear-gradient(#414c59,#252e38);color:#e6edf5}.seat-name{color:#b6bec9}.seat-stack{color:#f5f7fc}.seat.current .seat-label{border-color:#6da6d9;background:linear-gradient(#243b51,#1c2c3b);box-shadow:0 0 0 1px #5594c622,0 3px 10px #0007}.seat.current .seat-avatar{border-color:#8bc6f5;box-shadow:0 0 0 2px #3d7aaa55}.seat.current .seat-action{color:#a8d7ff}.seat.winner .seat-label{border-color:#8ec8f7;box-shadow:0 0 13px #57a8e522}.seat-action{color:#b5c4cf}.seat.folded{opacity:.6}.dealer{background:#fff;border-color:#b8c2cc;color:#243648}.blind{background:#263d4c;border-color:#7894aa;color:#d3e7f5;right:-11px;top:-7px}.bot-tag{top:15px;left:calc(100% + 4px);border-color:#54738e;color:#bed5e8;background:#192a3a}.table-bet b{color:#f1f6f9;background:#133c30dd}.pot-display small{color:#abc4bd}.pot-display strong{color:#f6fafb}.phase{color:#a2c6b6}.hero-info strong{color:#eff6ff}.hero-info>span,.hero-info small{color:#8f9ca8}.hero-stack{color:#f1f4fa}.hero-stack small{color:#8b98a6}.turn-status strong{color:#8ac5f6}.timer-bar{background:#262f38}.timer-bar span{background:linear-gradient(90deg,#327cb9,#91c7f6)}
.action-row{grid-template-columns:1fr 1.1fr 1.25fr;gap:7px}.action-row button{position:relative;display:flex;flex-direction:row;justify-content:center;gap:7px;min-height:55px;text-align:left;border-radius:11px;box-shadow:inset 0 1px #ffffff12,0 3px 0 #060b12,0 5px 8px #0003}.action-row button>svg{width:19px;height:19px;stroke-width:1.7}.action-row button>span{font-size:12px;font-weight:650;line-height:1.2}.action-row button small{font-size:9px;font-weight:400;margin-top:4px}.fold-action{background:linear-gradient(#2c2d32,#202125);border-color:#45474d!important;color:#e5e5e9}.fold-action>svg{color:#b7a6ad}.fold-action small{color:#a59ea5}.call-action{background:linear-gradient(#354557,#263341);border-color:#51677e!important;color:#f4f8fd}.call-action>svg{color:#adccea}.call-action small{color:#adc4dc}.raise-action{background:linear-gradient(#397fbe,#265e94);border-color:#639ac8!important;color:#fff}.raise-action>svg{color:#d2e7f8}.raise-action small{color:#daebfb}.action-row button:disabled{opacity:.42;box-shadow:inset 0 1px #ffffff06;filter:saturate(.6)}.action-row button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 4px #0004,0 1px #080d15}.primary{background:linear-gradient(#4288c4,#2d649d);border:1px solid #6a9dc7;color:#fff;box-shadow:inset 0 1px #ffffff19,0 2px #152b43}.primary:active{background:#2c5e94}.secondary{background:linear-gradient(#30353d,#232830);border:1px solid #414c58;color:#e5edf7}.danger{background:#33282d;border-color:#5b3c47;color:#edb3c2}.deal-button{background:linear-gradient(#4288c4,#2d649d)!important;color:#fff}
dialog{background:#181a1d;border-color:#3a4048}.modal-title h2{color:#f5f5f7}.sheet-lead,.form-note{color:#9ca5b1}.field{color:#a7b2c0}.field input,.field select{background:#101216;border-color:#343e4b;color:#f3f6fb}.limits-panel{background:#1d242d;border-color:#34404f}.limits-panel>span{color:#c2d2e4}.stack-choice strong,.raise-number{color:#e2efff}.field input[type=range]{accent-color:#69a5da}.raise-counter button{border-color:#48617b;background:linear-gradient(#34495e,#263649);color:#d6e7f7}.presets button{background:#27384b;border-color:#405b78;color:#d6e5f5}.bonus-amount{color:#f5f7fb}.result-box{background:linear-gradient(125deg,#1b2936,#171e26);border-color:#40566d}.result-kicker{color:#95b3d0}.result-box h2{color:#f0f6ff}.result-prize b{color:#b7dcff}.result-prize>span:last-child,.result-box>p{color:#becfe0}.reveal-button,.side-pots{color:#9db9d2}.reveal-player p{color:#b8d8f4}.reveal-player small{color:#91a5b8}.table-shell:not(.is-playing) .stage{height:clamp(280px,calc(100svh - 480px),340px);min-height:280px;margin-bottom:23px}.between-actions button{color:#adc7e0}.between-actions button:last-child{color:#c4a1ad}.table-code{background:#202a35;border-color:#537595;color:#d2e5f6}#toast{background:#24303c;border-color:#58718a;color:#e7f1fb}
@media(max-width:370px){.action-row button{gap:5px}.action-row button>svg{width:16px;height:16px}.action-row button>span{font-size:11px}.action-row button small{font-size:8px}.promo-copy strong{font-size:18px}.promo-copy>span{font-size:9px}.promo-art{right:-5px}.promo{padding-left:14px}.quick-action{font-size:10px}}
.deck-face{display:block;position:absolute;inset:0;width:100%;height:100%;fill:initial;stroke:none;stroke-width:0;border-radius:inherit}.playing-card:has(.deck-face){border:0;background:#fff;overflow:visible}.deck-face use{stroke:none}.playing-card[data-best=true]{outline:2px solid #6da9d8;outline-offset:1px}.stage{height:clamp(315px,calc(100svh - 355px),390px);min-height:315px;margin:24px auto 30px}.felt-rail{inset:42px 5px 26px;border-radius:31px;padding:12px;box-shadow:inset 0 2px 1px #9da4ae40,inset 0 -4px 2px #07090d,0 8px 20px #0007}.felt,.felt:after,.felt-rail:after{border-radius:inherit}.felt:after{inset:11px}.table-center{top:51%;width:80%}.felt-brand{margin-bottom:12px;font-size:7px}.felt-brand span{display:none}.community{gap:5px}.community .playing-card{width:40px;height:58px}.pot-display{margin-top:14px}.pot-display strong{font-size:25px}.phase{margin-top:5px;font-size:8px}.seat-cards{top:-14px}.seat-avatar{width:28px;height:28px;font-size:11px}.seat-label{padding:5px 3px}.seat{width:77px}.seat-action{line-height:13px}.play-controls{border-radius:15px 15px 0 0;padding-top:12px}.is-playing .play-controls{margin-top:auto}.hero-tray{gap:12px;margin-bottom:11px}.you-hand .playing-card{width:46px;height:66px}.hero-info strong{font-size:14px}.table-shell[data-seats="7"] .community .playing-card,.table-shell[data-seats="8"] .community .playing-card{width:33px;height:48px}.table-shell[data-seats="7"] .table-center,.table-shell[data-seats="8"] .table-center{top:48%}.table-shell:not(.is-playing) .stage{height:300px;min-height:300px;margin-bottom:28px}.table-shell:not(.is-playing) .result-box{padding:11px 13px}.table-shell:not(.is-playing) .result-box h2{margin:6px 0 2px}.table-shell:not(.is-playing) .hero-tray{margin-bottom:10px}
@media(max-width:370px){.seat{width:66px}.stage{height:clamp(310px,calc(100svh - 340px),370px);min-height:310px}.community .playing-card{width:36px;height:52px}.community{gap:4px}.table-shell[data-seats="8"] .community .playing-card,.table-shell[data-seats="7"] .community .playing-card{width:30px;height:44px}.you-hand .playing-card{width:40px;height:58px}.hero-info strong{font-size:12px}.hero-tray{gap:9px}.felt-rail{padding:10px;border-radius:27px}.pot-display{margin-top:12px}.pot-display strong{font-size:22px}}
@media(min-width:600px){.stage{height:360px;max-width:720px}.felt-rail{inset:40px 15px 24px;border-radius:52px;padding:14px}.seat{width:97px}.seat-avatar{width:33px;height:33px;font-size:13px}.community .playing-card,.table-shell[data-seats="8"] .community .playing-card,.table-shell[data-seats="7"] .community .playing-card{width:48px;height:69px}.table-center{top:50%}.you-hand .playing-card{width:48px;height:69px}.table-shell:not(.is-playing) .stage{height:310px;min-height:310px}}
@media(max-height:670px) and (max-width:599px){.stage{height:285px;min-height:285px;margin-top:19px;margin-bottom:23px}.you-hand .playing-card{width:35px;height:50px}.hero-tray{min-height:52px;margin-bottom:7px}.action-row button{min-height:50px}.play-controls{padding-top:8px}.table-shell:not(.is-playing) .stage{height:285px;min-height:285px}}

/* Stable seat anchors: cards and action labels never move the stack panel. */
:root { --muted:#999; --green:#47ba8b; font-family:Inter,Arial,sans-serif }
html,body,.table-shell,.play-controls { background:#131313 }
body { text-rendering:optimizeLegibility }
.table-shell {
  --panel-height:46px; --opponent-card-width:29px; --opponent-card-height:41px;
  --hero-card-width:44px; --hero-card-height:63px;
  padding:calc(12px + var(--safe-top)) 12px 0; max-width:900px;
}
.table-bar { display:grid; grid-template-columns:38px minmax(0,1fr) 38px; gap:12px; max-width:700px }
.table-bar .icon-button { width:38px; height:38px; background:#202020; border:1px solid #ffffff08; border-radius:11px }
.center-title h1 { max-width:none; font-size:14px; font-weight:600; letter-spacing:-.3px }
.center-title p { font-size:10px; color:#8f8f95; letter-spacing:0 }
.center-title p span { color:#8f8f95 }
.connection { max-width:700px; font-size:10px; margin:12px auto 0; color:#aaaab0; gap:6px; line-height:16px }
.table-unit { margin-left:auto; font-size:9px; color:#85858c }
.table-shell .demo-banner { font-size:8px; margin-bottom:8px; letter-spacing:.2px }
.stage,.table-shell.is-playing .stage,.table-shell:has(.demo-banner).is-playing .stage {
  width:100%; max-width:700px; height:calc(100svh - 272px - var(--safe-top));
  min-height:270px; max-height:570px; margin:37px auto 24px;
}
.table-shell:has(.demo-banner).is-playing .stage { height:calc(100svh - 290px - var(--safe-top)) }
.felt-rail {
  inset:8% 8px; padding:7px; border-radius:28px; border:1px solid #46484b;
  background:linear-gradient(100deg,#292b2e,#202224 50%,#292b2e);
  box-shadow:inset 0 1px #ffffff14,0 8px 16px #0005;
}
.felt-rail:after { display:none }
.felt {
  border-radius:21px; border:1px solid #34705b;
  background:radial-gradient(ellipse at 50% 42%,#1b624b,#114432);
  box-shadow:inset 0 0 22px #082c2470;
}
.felt:after { inset:9px; border:1px solid #c4e8d511; border-radius:14px }
.table-center,.table-shell[data-seats="8"] .table-center,.table-shell[data-seats="7"] .table-center {
  top:45%; width:80%; display:flex; align-items:center; flex-direction:column; gap:0;
}
.community { order:2; gap:5px }
.community .playing-card { width:42px; height:61px }
.table-shell[data-seats="8"] .community .playing-card,.table-shell[data-seats="7"] .community .playing-card { width:33px; height:48px }
.playing-card[data-best=true] { outline:none }
.playing-card:has(.deck-face) { box-shadow:0 1px 0 #93999d,0 3px 5px #0004 }
.pot-display { order:1; display:flex; align-items:center; gap:6px; margin:0 0 14px; padding:0; background:none; border-radius:0 }
.pot-display>.chip-stack { height:31px; width:42px; transform:none; margin:0 }
.pot-display>span:last-child { display:flex; align-items:baseline; gap:7px }
.pot-display small { font-size:10px; margin:0; color:#b0cabc }
.pot-display strong { font-size:23px; font-weight:600; letter-spacing:-.7px }
.phase { order:3; font-size:10px; color:#adc7bb; margin-top:10px }
.seat,.hero-seated {
  top:var(--y); width:76px; height:var(--panel-height); transform:translate(-50%,-50%);
  z-index:3; margin:0;
}
.seat-label,.seat.current .seat-label {
  position:relative; height:var(--panel-height); margin:0; padding:6px 4px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  border:1px solid #ffffff14; border-radius:8px;
  background:linear-gradient(#252527,#1b1b1d); box-shadow:0 3px 6px #0004;
}
.seat .seat-name { display:flex; align-items:center; justify-content:center; gap:3px; font-size:10px; line-height:13px; color:#b9b9c0; font-weight:400; max-width:100%; overflow:hidden; white-space:nowrap }
.seat .seat-stack { display:block; margin:0; font-size:14px; line-height:17px; letter-spacing:-.3px; font-weight:600; color:#f5f5f7 }
.seat.current .seat-label { border-color:#7294b0; box-shadow:inset 0 -2px #8ebbe0,0 3px 6px #0004; background:linear-gradient(#2b323a,#20262d) }
.seat.winner .seat-label { border-color:#9ac7e8; background:linear-gradient(#2d3b49,#202a36); box-shadow:0 0 12px #72b8e72b }
.seat.winner .seat-stack,.seat.winner .seat-name { color:#eef7ff }
.seat.folded { opacity:.65 }
.seat.folded .seat-label { opacity:1 }
.seat-cards,.seat-cards:empty {
  position:absolute; top:auto; bottom:calc(100% - 2px); left:0; right:0;
  height:var(--opponent-card-height); display:flex; justify-content:center; align-items:flex-end; margin:0; gap:1px;
}
.seat-cards .playing-card { width:var(--opponent-card-width); height:var(--opponent-card-height); border-radius:3px; transform:rotate(-4deg); box-shadow:0 1px 3px #0005 }
.seat-cards .playing-card:last-child { transform:rotate(4deg) }
.seat .seat-action { top:calc(100% + 3px); line-height:14px; font-size:9px; color:#a8bcaf }
.seat.current .seat-action { color:#a7cbe6 }
.seat .bot-tag { position:static; font-size:6px; padding:1px 2px; color:#a9b7c4; background:#38414a; border:0; border-radius:2px }
.seat .dealer,.hero-seated .dealer { width:15px; height:15px; font-size:9px; right:-6px; bottom:4px; top:auto; box-shadow:0 1px 2px #0005; background:#f3f4f5; border:1px solid #a7afb7; color:#243648; font-style:normal }
.blind { top:auto; bottom:-8px; right:auto; left:-2px; font-size:7px; background:#263a43; border-color:#597081; color:#c3d4df }
.empty-seat { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; opacity:.55 }
.empty-place { width:23px; height:23px; font-size:14px; border-color:#95b5a66b; background:transparent }
.empty-seat small { font-size:9px; color:#b5c7be }
.table-bet { gap:2px }
.table-bet b { background:none; padding:0; color:#edf4ef; font-size:10px; font-weight:500; text-shadow:0 1px #153c30 }
.table-bet .mini { width:19px; height:18px }
.table-bet.bottom-bet { top:calc(92% - var(--panel-height)/2 - var(--opponent-card-height) - 18px)!important }
.table-bet.hero-bet { top:calc(92% - var(--panel-height)/2 - var(--hero-card-height) - 18px)!important }
.table-shell:has(.hero-seated) .own-seat { visibility:hidden }
.hero-seated {
  --y:92%; position:absolute; bottom:auto; left:50%; width:94px;
  display:block; min-height:0; z-index:4;
}
.hero-seated .you-hand { position:absolute; bottom:calc(100% + 3px); left:50%; transform:translateX(-50%); justify-content:center; gap:2px; padding:0; margin:0; min-height:0 }
.hero-seated .you-hand .playing-card { width:var(--hero-card-width); height:var(--hero-card-height); transform:rotate(-2deg) }
.hero-seated .you-hand .playing-card:last-child { transform:rotate(2deg) }
.hero-seated .hero-info { position:relative; min-width:0; width:100%; margin:0; padding:0; background:none; border:0; box-shadow:none; text-align:center }
.hero-label { height:var(--panel-height); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border:1px solid #7897b466; border-radius:8px; background:linear-gradient(#2b3036,#1d2126); box-shadow:0 3px 6px #0004 }
.hero-label>span { font-size:10px; line-height:13px; color:#b9c4ce }
.hero-label>b { font-size:14px; line-height:17px; color:#f5f7fa; font-weight:600; letter-spacing:-.3px; font-variant-numeric:tabular-nums }
.hero-seated .hand-combination { position:absolute; left:50%; transform:translateX(-50%); top:calc(var(--panel-height) + 3px); white-space:nowrap; display:flex; align-items:center; gap:4px; padding:0; background:none; color:#b9d4e9; font-size:10px; line-height:16px; font-weight:500 }
.hero-seated .hand-combination span { font-size:9px; color:#8da7bd }
.hero-seated .hero-info small { display:none }
.combination-five { display:flex; justify-content:center; gap:6px; margin:23px 0 }
.combination-five .playing-card { width:48px; height:69px }
.play-controls,.is-playing .play-controls { max-width:700px; margin:0 auto; padding:11px 0 calc(10px + env(safe-area-inset-bottom,0px)); border-top:1px solid #2b2b2e; border-radius:0; background:#131313 }
.is-playing .play-controls { position:sticky; bottom:0; margin-top:auto }
.turn-status { font-size:11px; line-height:16px; margin-bottom:8px }
.turn-status strong { font-size:12px; color:#c2d9ed; font-weight:500 }
.timer { font-size:11px; color:#b1b1b8 }
.timer-bar { height:2px; margin-bottom:11px; background:#292d32 }
.action-row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
.action-row button { min-height:54px; border-radius:10px; padding:9px 4px; gap:7px; box-shadow:inset 0 1px #ffffff12,0 2px #08090b }
.action-row button>span { font-size:13px; font-weight:600 }
.action-row button small { font-size:10px; margin-top:4px }
.action-row button>svg { width:17px; height:17px; flex:none }
.fold-action { background:linear-gradient(#2d2d31,#242427); border-color:#424247!important }
.call-action { background:linear-gradient(#303d4b,#25313d); border-color:#4b5d70!important }
.raise-action { background:linear-gradient(#397fb8,#2b6394); border-color:#568cba!important }
.event-line { font-size:9px; margin-top:8px; min-height:12px; color:#8f969d }
.table-shell:not(.is-playing) .stage { height:340px; min-height:300px; margin:37px auto 24px }
.table-shell:not(.is-playing) .hero-seated { bottom:auto }
.table-shell:not(.is-playing) .play-controls { border-top:0 }
.table-shell:not(.is-playing) .result-box { border-radius:10px; margin-bottom:9px }
@media(max-width:370px) {
  .table-shell { --panel-height:42px; --opponent-card-width:25px; --opponent-card-height:35px; --hero-card-width:37px; --hero-card-height:53px; padding-left:9px; padding-right:9px }
  .seat { width:66px } .hero-seated { width:82px }
  .seat .seat-name,.hero-label>span { font-size:9px; line-height:12px }
  .seat .seat-stack,.hero-label>b { font-size:13px; line-height:16px }
  .community { gap:4px }
  .community .playing-card { width:36px; height:52px }
  .table-shell[data-seats="8"] .community .playing-card,.table-shell[data-seats="7"] .community .playing-card { width:29px; height:42px }
  .table-unit { font-size:8px } .connection { font-size:9px }
  .action-row { gap:6px } .action-row button { gap:5px }
  .action-row button>span { font-size:12px } .action-row button small { font-size:9px }
  .action-row button>svg { width:15px; height:15px }
}
@media(max-height:670px) and (max-width:599px) {
  .table-shell { --hero-card-width:35px; --hero-card-height:50px }
  .stage,.table-shell.is-playing .stage,.table-shell:has(.demo-banner).is-playing .stage { min-height:244px; height:calc(100svh - 274px - var(--safe-top)); margin-top:34px; margin-bottom:22px }
  .table-shell:has(.demo-banner).is-playing .stage { height:calc(100svh - 292px - var(--safe-top)) }
  .table-center,.table-shell[data-seats="8"] .table-center,.table-shell[data-seats="7"] .table-center { top:40% }
  .phase { display:none }
  .pot-display { margin-bottom:9px }
  .pot-display strong { font-size:20px }
  .pot-display small,.phase { font-size:9px }
  .phase { margin-top:6px }
  .table-shell:not(.is-playing) .stage { height:290px; min-height:290px }
}
@media(min-width:600px) {
  .table-shell { --panel-height:50px; --opponent-card-width:33px; --opponent-card-height:47px; --hero-card-width:49px; --hero-card-height:71px }
  .seat { width:92px } .hero-seated { width:110px }
  .seat .seat-name,.hero-label>span { font-size:11px }
  .seat .seat-stack,.hero-label>b { font-size:16px; line-height:20px }
  .community .playing-card,.table-shell[data-seats="8"] .community .playing-card,.table-shell[data-seats="7"] .community .playing-card { width:49px; height:71px }
  .stage,.table-shell.is-playing .stage,.table-shell:has(.demo-banner).is-playing .stage { max-height:510px }
  .table-shell:not(.is-playing) .stage { height:360px }
}

/* Compact black club chrome. Each entry has one clear action. */
.club-brand { display:flex; flex-direction:column; gap:3px; margin-right:auto; margin-left:9px }
.club-brand b { font-size:13px; font-weight:600; letter-spacing:-.2px }
.club-brand span { font-size:10px; color:#777d83 }
.topbar .avatar { width:34px; height:34px; border:0; background:#24282b; font-size:11px }
.topbar .icon-button { width:34px; height:34px; background:#0e0e0e }
.topbar .icon-button svg { width:18px; height:18px }
.wallet-strip { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:18px 3px 20px; margin:0 }
.wallet-strip>div>span { display:block; font-size:10px; color:#919498; margin-bottom:5px }
.wallet-strip strong { font-size:24px; line-height:28px; font-weight:600; letter-spacing:-.6px; font-variant-numeric:tabular-nums }
.wallet-strip strong small { font-size:10px; letter-spacing:0; font-weight:400; color:#7c8186 }
.wallet-strip>button { display:flex; align-items:center; gap:5px; height:34px; padding:0 11px; border-radius:9px; background:#0e0e0e; font-size:11px; color:#cad1d7 }
.wallet-strip>button svg { width:15px; height:15px }
.wallet-strip>p { flex-basis:100%; margin-top:7px; font-size:10px; color:#737b83 }
.promo { height:94px; border-radius:12px; padding:15px 14px; margin-bottom:12px; background:linear-gradient(108deg,#161d28,#2b5075) }
.promo-copy small { font-size:8px; letter-spacing:1px; color:#b0bfce; margin-bottom:7px }
.promo-copy strong { font-size:18px; font-weight:600; letter-spacing:-.4px }
.promo-copy>span { font-size:10px; margin-top:8px }
.promo-art { width:126px; transform:scale(.86); transform-origin:right center }
.lobby-options { display:block; background:#0e0e0e; padding:0 13px; border-radius:12px; margin-bottom:12px }
.lobby-options .table-tile { min-height:65px; padding:12px 0; gap:11px }
.lobby-options .table-tile+.table-tile { border-top:1px solid #202020 }
.lobby-options .tile-icon { width:31px; height:31px; border-radius:8px; background:#1c252d; color:#b5cee4 }
.lobby-options .tile-icon svg { width:19px; height:19px }
.tile-title { font-size:13px; font-weight:500 }
.tile-sub { font-size:10px; margin-top:4px; color:#82868b }
.list-panel { padding:12px 13px 2px; border-radius:12px }
.section-head h2 { font-size:11px; color:#a2a7ad; font-weight:500 }
.bonus-row { min-height:58px; border-radius:12px; padding:10px 12px; margin-top:12px }
.bonus-row b { font-size:12px; font-weight:500 }
.bonus-row small { font-size:10px; color:#82868b }
.bonus-row .chip-stack { transform:scale(.8); margin-right:0 }
.notice { font-size:9px; color:#70757a; line-height:1.7 }
.notice span { color:#92989e }
.bottom-nav { min-height:51px; border-color:#303133 }
.nav-item { font-size:9px; font-weight:500; gap:4px }
.nav-item svg { width:18px; height:18px; stroke-width:1.7 }
.nav-item.active { background:#202c35 }
.dock-caption { font-size:8px; color:#666d73; margin-top:7px }
.playing-card.back { border:1px solid #bbc7d1; background:repeating-linear-gradient(45deg,#385871 0 .6px,transparent .6px 3px),repeating-linear-gradient(-45deg,#385871 0 .6px,#182f42 .6px 3px) }
.playing-card.back:after { border-color:#8fa8bc80; color:#a4bdd0 }
.seat-cards .playing-card.back { border-width:1px }
.table-shell { --panel-height:34px; --opponent-card-width:25px; --opponent-card-height:35px; --hero-card-width:40px; --hero-card-height:58px }
.seat { width:70px }
.seat-label,.seat.current .seat-label { padding:3px 4px; gap:1px; border:1px solid #ffffff08; border-radius:6px; background:#151719; box-shadow:0 2px 4px #0003 }
.seat .seat-name { font-size:9px; line-height:11px; color:#aaaeb2 }
.seat .seat-stack { font-size:12px; line-height:15px; letter-spacing:0; font-weight:500 }
.seat.current .seat-label { border-color:#526c81; box-shadow:inset 0 -1px #88b1d0; background:#1a252d }
.seat.winner .seat-label { border-color:#82a9c5; background:#1d2c37; box-shadow:none }
.hero-seated { width:82px }
.hero-label { gap:1px; border:1px solid #456074; border-radius:6px; background:#17212a; box-shadow:none }
.hero-label>span { font-size:9px; line-height:11px }
.hero-label>b { font-size:12px; line-height:15px; font-weight:500; letter-spacing:0 }
.pot-display>.chip-stack { width:36px; transform:scale(.8); margin:0 -3px }
.pot-display strong { font-size:20px; letter-spacing:-.4px }
.table-bet .mini .clay { width:14px; height:14px; right:1px; bottom:4px }
.table-bet .mini .clay:before { inset:2px }
.table-bet .mini { width:16px; height:17px }
.table-bet b { font-size:9px }
.table-shell .table-unit { font-size:9px }
.table-shell .center-title h1 { font-size:13px }
.table-shell .table-bar .icon-button { width:34px; height:34px; border-radius:10px; background:#1c1d1f; border:0 }
.table-shell .table-bar .icon-button svg { width:20px; height:20px }
.turn-status strong { font-size:11px; color:#bdc7d0; font-weight:500 }
.timer-bar { height:1px; margin-bottom:9px; background:#26292c }
.timer-bar span { background:#667e91 }
.action-row button { min-height:44px; border-radius:8px; padding:8px 4px; gap:5px; box-shadow:none }
.action-row button>span { font-size:12px; font-weight:500 }
.action-row button>span b { font-weight:600; margin-left:3px }
.fold-action { background:#1b1c1e; border-color:#292b2e!important; color:#bcbfc3 }
.call-action { background:#20262b; border-color:#343e47!important; color:#edf1f5 }
.raise-action { background:#284c6b; border-color:#365e7f!important; color:#f2f6fa }
.primary { background:#2b5274; border:1px solid #3c6280; box-shadow:none; font-weight:500 }
.secondary { background:#23272c; border:1px solid #363c43; font-weight:500 }
.deal-button { background:#2b5274!important }
@media(max-width:370px) {
  .table-shell { --panel-height:32px; --opponent-card-width:22px; --opponent-card-height:31px; --hero-card-width:35px; --hero-card-height:50px }
  .seat { width:62px } .hero-seated { width:76px }
  .seat .seat-stack,.hero-label>b { line-height:14px }
  .table-shell .table-unit { font-size:8px }
  .promo-art { transform:scale(.78) } .promo-copy strong { font-size:17px }
}
@media(min-width:600px) {
  .table-shell { --panel-height:38px; --opponent-card-width:28px; --opponent-card-height:40px; --hero-card-width:45px; --hero-card-height:65px }
  .seat { width:80px } .hero-seated { width:90px }
  .seat .seat-name,.hero-label>span { font-size:10px }
  .seat .seat-stack,.hero-label>b { font-size:14px; line-height:17px }
}

/* Approved blue-table reference: perimeter seats and a low action console. */
.table-shell {
  --panel-height:30px; --opponent-card-width:20px; --opponent-card-height:28px;
  --hero-card-width:37px; --hero-card-height:54px; --hero-width:78px;
  padding:calc(10px + var(--safe-top)) 12px 0;
  background:radial-gradient(ellipse at 50% 12%,#1c3444 0,#111c25 44%,#0e1217 83%);
}
.table-bar { grid-template-columns:32px minmax(0,1fr) 32px; gap:8px; min-height:34px }
.table-shell .table-bar .icon-button { width:30px; height:30px; background:#121a21; border-radius:7px; color:#c2cbd2 }
.table-shell .center-title h1 { font-size:12px; line-height:16px; font-weight:500 }
.center-title p { font-size:9px; margin-top:2px; color:#8b9aa5 }
.connection { margin-top:7px; font-size:9px; line-height:13px; color:#a5b5c1 }
.table-shell .table-unit { font-size:8px; color:#8296a5 }
.table-shell .demo-banner { font-size:7px; margin-bottom:7px; color:#7a8b97 }
.stage,.table-shell.is-playing .stage,.table-shell:has(.demo-banner).is-playing .stage {
  height:calc(100svh - 222px - var(--safe-top)); min-height:270px; max-height:590px;
  margin:12px auto 61px; max-width:660px;
}
.table-shell:has(.demo-banner).is-playing .stage { height:calc(100svh - 239px - var(--safe-top)) }
.felt-rail {
  inset:5px 12px 0; border-radius:50% / 43%; padding:14px; border:1px solid #4d606e;
  background:linear-gradient(110deg,#384957 0,#202c36 21%,#161f27 47%,#364855 77%,#19252f);
  box-shadow:inset 0 1px 1px #93b5c84a,inset 0 -3px 3px #070d14,0 5px 12px #0007;
}
.felt { border-radius:inherit; border:1px solid #082d51; background:radial-gradient(ellipse at 48% 37%,#226fb9 0,#1b61a9 47%,#144e91 100%); box-shadow:inset 0 4px 15px #042a5a90,0 0 0 1px #8eabc522 }
.felt:after { inset:20px; border-radius:inherit; border:1px solid #b1d5f110 }
.felt:before { content:'FREE POKER'; position:absolute; left:50%; top:62%; transform:translateX(-50%); font-size:10px; font-weight:600; letter-spacing:2px; color:#b2d3f033; white-space:nowrap }
.table-center,.table-shell[data-seats="7"] .table-center,.table-shell[data-seats="8"] .table-center { top:47%; width:84% }
.community { gap:4px }
.community .playing-card,.table-shell[data-seats="7"] .community .playing-card,.table-shell[data-seats="8"] .community .playing-card { width:39px; height:57px; border-radius:3px }
.playing-card.placeholder { border:1px solid #a6d6ff25; background:#07377535; box-shadow:none }
.playing-card.placeholder:after { color:#8dbce326; font-size:18px }
.pot-display { margin:0 0 7px; padding:3px 8px; border-radius:4px; background:#083b7499; gap:0 }
.pot-display>.chip-stack { display:none }
.pot-display>span:last-child { gap:5px; align-items:center }
.pot-display small { font-size:9px; color:#c4d7ed }
.pot-display strong { font-size:14px; font-weight:600; color:#fff; letter-spacing:0 }
.phase { display:block; margin-top:8px; font-size:9px; color:#c4d8ee }
.seat { width:62px }
.seat-label,.seat.current .seat-label { border-radius:4px; border:1px solid #ffffff13; background:linear-gradient(#1a2025,#101519); padding:3px 3px; gap:0; box-shadow:0 2px 4px #0005 }
.seat .seat-name { font-size:8px; line-height:10px; color:#b2bac1; font-weight:400 }
.seat .seat-stack { font-size:11px; line-height:14px; color:#fff; font-weight:500 }
.seat.current .seat-label { border-color:#6792b4; background:#182731; box-shadow:0 0 0 1px #42a6ed35 }
.seat.winner .seat-label { border-color:#c6e9ff; background:#143657; box-shadow:0 0 9px #66bfff4a }
.seat .seat-action { top:calc(100% - 1px); left:1px; right:1px; font-size:7px; line-height:11px; height:11px; border-radius:0 0 3px 3px; overflow:hidden; text-overflow:ellipsis; color:#e5edf4 }
.seat .seat-action:empty { display:none }
.seat[data-action-state=fold] .seat-action { background:#1768a4 }
.seat[data-action-state=call] .seat-action,.seat[data-action-state=check] .seat-action { background:#548632 }
.seat[data-action-state=raise] .seat-action { background:#bb741d }
.seat[data-action-state=allin] .seat-action { background:#bd3339 }
.seat[data-action-state=current] .seat-action { background:#287aac }
.seat.folded { opacity:.67 }
.seat-cards,.seat-cards:empty { bottom:calc(100% - 3px); gap:0 }
.seat-cards .playing-card { transform:rotate(-3deg); border-radius:2px }
.seat-cards .playing-card:last-child { transform:rotate(3deg) }
.seat .bot-tag { font-size:5px; padding:1px; background:#30414d; color:#bbd0df }
.seat .dealer { width:12px; height:12px; font-size:7px; right:-7px; bottom:2px }
.seat .blind { font-size:6px; padding:1px; left:-4px; bottom:-7px }
.empty-place { width:18px; height:18px; font-size:12px; border-color:#a2c8e46b }
.empty-seat small { font-size:7px; color:#a8c9e3 }
.table-bet b { font-size:9px; color:#eff7ff; text-shadow:0 1px #124575 }
.table-bet.bottom-bet,.table-bet.hero-bet { top:var(--bet-y)!important }
.table-bet { top:var(--bet-y)!important }
.is-playing .play-controls {
  display:grid; grid-template-columns:var(--hero-width) minmax(0,1fr); align-items:end; gap:8px;
  max-width:660px; padding:0 0 calc(12px + env(safe-area-inset-bottom,0px));
  border:0; background:transparent; position:relative; bottom:auto; margin:0 auto;
}
.is-playing .play-controls:not(:has(.hero-seated)) { grid-template-columns:1fr }
.decision-panel { min-width:0 }
.is-playing .hero-seated { position:relative; left:auto; top:auto; bottom:auto; transform:none; width:var(--hero-width); height:38px; align-self:end; margin-bottom:20px }
.is-playing .hero-label { height:38px; border-radius:5px; background:linear-gradient(#1b2127,#10151a); border:1px solid #6b7781; gap:1px; box-shadow:inset 0 1px #ffffff0b }
.is-playing .hero-label>span { font-size:8px; line-height:10px; color:#ddd }
.is-playing .hero-label>b { font-size:11px; line-height:14px; color:#f3d46b; font-weight:500 }
.is-playing .hero-seated .you-hand { bottom:calc(100% + 6px); gap:0 }
.is-playing .hero-seated .you-hand .playing-card { transform:rotate(-4deg); border-radius:3px }
.is-playing .hero-seated .you-hand .playing-card:last-child { transform:rotate(4deg) }
.is-playing .hero-seated .hand-combination { left:calc(100% + 12px); top:-42px; transform:none; font-size:10px; color:#e4eaf0; line-height:14px; font-weight:400; max-width:190px; white-space:normal; text-align:left }
.is-playing .hero-seated .hand-combination span { color:#92abc0 }
.is-playing .hero-seated .dealer { top:4px; right:-5px; bottom:auto; width:12px; height:12px; font-size:7px }
.turn-status { margin-bottom:5px; font-size:9px; line-height:12px; color:#afbdc7 }
.turn-status strong { font-size:9px; color:#d1dbe3; font-weight:400 }
.timer { font-size:9px; color:#c4ced6 }
.timer-bar { height:1px; margin-bottom:6px; background:#303e4a }
.timer-bar span { background:#6f94b0 }
.action-row { gap:4px; grid-template-columns:repeat(3,minmax(0,1fr)) }
.action-row button { min-height:38px; padding:5px 2px; border-radius:6px; box-shadow:inset 0 1px #ffffff13,0 2px #080c10; background:linear-gradient(#282f35,#12181e); border:1px solid #59636c!important; color:#f2f4f5 }
.action-row button>span { font-size:11px; font-weight:600; line-height:13px }
.action-row button>span b { display:block; font-size:9px; font-weight:400; margin:2px 0 0 }
.action-row .raise-action { background:linear-gradient(#38424b,#1a242d); border-color:#8b9ba8!important }
.action-row button:active:not(:disabled) { background:#121a21; box-shadow:inset 0 1px 3px #0007; transform:translateY(1px) }
.event-line { margin-top:7px; min-height:13px; font-size:8px; line-height:13px; color:#8b9dad }
.table-shell:not(.is-playing) .stage { height:350px; min-height:300px; margin:12px auto 25px }
.table-shell:not(.is-playing) .play-controls { display:block; border:0; background:transparent }
.table-shell:not(.is-playing) .hero-seated { --y:96%; width:80px; height:30px }
.table-shell:not(.is-playing) .hero-label { height:30px }
.table-shell:not(.is-playing) .hero-seated .you-hand { bottom:calc(100% + 3px) }
.table-shell:not(.is-playing) .hero-seated .hand-combination { top:calc(100% + 3px) }
@media(max-width:370px) {
  .table-shell { --hero-width:66px; --hero-card-width:32px; --hero-card-height:46px; padding-left:8px; padding-right:8px }
  .seat { width:56px }
  .seat .seat-name { font-size:8px } .seat .seat-stack { font-size:10px }
  .table-shell .table-unit { font-size:7px }
  .community .playing-card,.table-shell[data-seats="7"] .community .playing-card,.table-shell[data-seats="8"] .community .playing-card { width:33px; height:48px }
  .felt-rail { left:9px; right:9px; padding:12px }
  .is-playing .play-controls { gap:6px }
  .action-row button>span { font-size:10px }
}
@media(min-width:600px) {
  .table-shell { --hero-width:90px; --hero-card-width:42px; --hero-card-height:61px }
  .stage,.table-shell.is-playing .stage,.table-shell:has(.demo-banner).is-playing .stage { max-width:530px; max-height:560px }
  .is-playing .play-controls { max-width:530px }
  .seat { width:72px } .seat .seat-name { font-size:9px } .seat .seat-stack { font-size:12px }
  .community .playing-card,.table-shell[data-seats="7"] .community .playing-card,.table-shell[data-seats="8"] .community .playing-card { width:46px; height:67px }
}
.table-shell .felt-rail { inset:0; padding:0; border:0; border-radius:0; background:none; box-shadow:none }
.table-surface { display:block; width:100%; height:100%; user-select:none; pointer-events:none }
.table-center,.table-shell[data-seats="7"] .table-center,.table-shell[data-seats="8"] .table-center { top:40.5% }
.seat-cards .playing-card:last-child { margin-left:-9px }
.action-row button { text-transform:uppercase; letter-spacing:.2px }