:root{color-scheme:dark;--ink:#eee5c9;--muted:#b1b9a8;--brass:#d5b875;--line:#69755b66}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#101813;color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;min-height:42px;padding:9px 19px;border:1px solid #9e9165;border-radius:3px;background:#283d2d;color:var(--ink);box-shadow:inset 0 1px #ffffff12,0 2px 2px #0006}button:hover{filter:brightness(1.14)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f5d283;outline-offset:3px}a{color:inherit}.primary{background:linear-gradient(#e7cb8b,#bfa260);color:#20261c;border:1px solid #e9d9a1;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:145px}.secondary{background:linear-gradient(#3b5140,#25382a);border-color:#7f8e70}.quiet{background:transparent;border:0;box-shadow:none;color:#c1c6b5;font-size:12px;padding:9px 12px}.text-button{color:#e7d195;background:none;border:0;box-shadow:none;padding:5px 0;font-size:12px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #3e4a38;padding:0 4%;background:#101713}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;letter-spacing:1px;font-weight:bold}.brand img{width:45px;height:45px;object-fit:contain}.brand b{color:var(--brass);font-weight:normal;margin-left:8px}.brand small{display:none}.topbar nav{display:flex;gap:12px;align-items:center}.free-tag{font-size:9px;letter-spacing:1px;color:#c5caaf}i{display:inline-block;width:5px;height:5px;background:#9fc581;border-radius:50%;margin-right:5px}main{max-width:1100px;margin:auto;padding:0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c5c3a1;margin:0 0 9px}.lobby-table{margin:44px 0 0;min-height:480px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:47px 65px 95px;border:13px solid #493121;border-radius:120px;background:repeating-linear-gradient(92deg,#ffffff02 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,#2b684c,#17462f 70%,#103721);box-shadow:0 0 0 2px #8e7445,inset 0 0 0 2px #bfa86c77,inset 0 0 75px #001c13aa,0 15px 24px #0006}.lobby-table:before{content:'';position:absolute;inset:18px;border:1px solid #b5ba8244;border-radius:90px;pointer-events:none}.lobby-copy{z-index:1}.lobby-copy h1{font:normal 76px/.96 Georgia,'Times New Roman',serif;color:#f3e3b3;margin:18px 0;text-shadow:0 2px 0 #0b2a1b;letter-spacing:-2px}.intro{color:#d0d3b8;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:25px}.hero-note{font-size:11px;color:#b1c0a4;margin:16px 0 0}.lobby-dealer{width:35%;max-width:300px;position:relative;filter:drop-shadow(0 7px 6px #00180e99)}.table-lettering{position:absolute;bottom:28px;left:30px;right:30px;text-align:center;color:#d5cc9e8c}.table-lettering>span{font:20px Georgia,serif;letter-spacing:5px}.table-lettering p{font-size:8px;letter-spacing:1.1px;margin:7px 0}.lobby-rules{display:flex;justify-content:space-between;gap:18px;padding:28px 12px 40px;color:#aeb6a2;font-size:11px}.lobby-rules b{font:20px Georgia,serif;color:#d9c89c;margin-right:6px}.game-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 0 13px}.game-heading h1{font:normal 29px Georgia,serif;letter-spacing:0;margin:0}.game-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:3px}.table-status{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#a9b59e;padding:0 2px 10px}.status-divider{padding:0 10px;color:#63735d}.game-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.play-surface{min-width:0;background:repeating-linear-gradient(93deg,#ffffff02 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 30%,#286348,#174833 70%,#103724);border:10px solid #493121;border-radius:65px;box-shadow:0 0 0 1px #a48c56,inset 0 0 0 2px #a6a17577,inset 0 0 55px #001d1388,0 10px 20px #0005;padding:22px 36px 25px;position:relative}.felt{position:relative;background:none;padding:0 0 16px;border-bottom:1px solid #b3bd8766}.dealer-heading{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px}.dealer-heading img{width:55px;height:55px}.dealer-heading h2{font:normal 21px Georgia,serif;margin:0}.dealer-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin:0}.dealer-heading small{font-size:9px;color:#b3c4a9}.dealer-mark{display:none}.dealer-hands{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2fr);gap:34px;max-width:590px;margin:0 auto}.hand-caption,.field-caption{font-size:10px;letter-spacing:1.5px;color:#ded3a7;margin:0 0 9px;display:flex;align-items:center;gap:12px}.hand-caption span,.field-caption span{color:#b4c3a6;font-size:8px;letter-spacing:.2px}.cards{display:flex;gap:7px;min-width:0}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:0 1 67px;width:67px;min-width:0;height:92px;padding:6px;background:#fffaf0;color:#1f2920;border:1px solid #d9d0b9;border-radius:4px;box-shadow:1px 3px 4px #00170e80;font-size:20px;font-weight:bold;line-height:1;position:relative}.card .suit{font-size:29px;align-self:center;font-weight:normal}.corner-bottom{align-self:flex-end;transform:rotate(180deg);font-size:13px}.card.red{color:#b82633}.card.joker{background:#fff7df;color:#704320}.card.joker .corner{font-size:8px}.card.joker .suit{font-size:26px}.card.back{background:#273121 url('/boinko-cardback.png') center/cover;border-color:#ad9b61}.compact .card{height:72px;flex-basis:52px;width:52px;font-size:16px;padding:5px}.compact .card .suit{font-size:23px}.compact .corner-bottom{font-size:10px}.hand-rank{font-size:10px;min-height:15px;color:#c5cdb5;margin:6px 0 0}.felt-brand{text-align:center;color:#ced1a35e;font:normal 18px Georgia,serif;letter-spacing:4px;padding:17px 0 0}.felt-brand>span{margin-left:10px;font-size:11px;letter-spacing:2px}.felt-brand small{display:none}.result{border-top:1px solid #c6b77877;text-align:center;padding:12px 0 0;margin:14px 0 0;color:#f6e6af}.result h3{font:normal 25px Georgia,serif;margin:0 0 3px;color:#f2dc97}.result p{font-size:11px;line-height:1.5;margin:4px 0;color:#d0d6ba}.result.loss h3{color:#f0bfad}.felt:has(.result:not([hidden])) .felt-brand{display:none}.selection-panel{padding-top:17px}.selection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.selection-heading .eyebrow{display:none}.selection-heading h2{font-size:14px;margin:0;color:#eee6c8;font-weight:normal}.timer{color:#e9d29a;font-size:12px;font-variant-numeric:tabular-nums}.timer:empty{display:none}.player-fields{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2fr);gap:34px}.player-fields section{min-width:0}.player-fields .selectable{min-height:92px;gap:7px}.player-fields .card{flex:0 1 67px;max-width:67px;width:67px;height:92px;cursor:pointer}.player-fields .card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 7px #001e12aa}.player-fields .card:disabled{opacity:1;cursor:default}.player-fields .card.selected{border-color:#e1c477;box-shadow:0 0 0 1px #e1c477,1px 3px 4px #00170e80}.low-slot{flex:0 1 67px;width:67px;height:92px;border:1px dashed #c5c09588;border-radius:4px;background:#0e37244d;display:grid;place-items:center;color:#bdc09a77;font-size:22px}.player-low{border-left:1px solid #c4c39344;padding-left:14px}.selection-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b5c6a9;min-height:31px;margin-top:8px}.selection-footer .text-button{min-height:31px;font-size:11px}.validation{font-size:11px;color:#f5bfa9;min-height:17px;margin:5px 0 10px}.validation.good{color:#e0dfb5}.actions{display:flex;gap:10px;justify-content:center}.actions .primary{min-width:190px}.actions button{min-height:41px}.hand-summary{font-size:11px;color:#d8d9bd;margin:10px 0 0}.suggestion{font-size:11px;line-height:1.6;color:#bcc9ac;margin:15px 0 0;padding-top:10px;border-top:1px solid #b6be8e44}.game-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #43503d;padding-top:17px}.score-panel{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 20px}.score-panel>.eyebrow{grid-column:1/-1;font-size:8px;margin:0;color:#9da78e;letter-spacing:1px}.score-number{font:normal 38px Georgia,serif;color:#e8d49c;grid-row:2/4;min-width:45px}.score-label{display:none}.stat-grid{display:flex;gap:24px;grid-column:2/4}.stat-grid>div{display:flex;align-items:baseline;gap:5px}.stat-grid b{font:normal 20px Georgia,serif}.stat-grid span{font-size:8px;color:#b6bea8}.score-note{grid-column:2/4;font-size:8px;letter-spacing:.5px;color:#8d9c83;margin:0}.history-title{display:flex;align-items:center;justify-content:space-between}.history-title h3{font-size:11px;font-weight:normal;margin:0}.history-title>span{font-size:8px;color:#96a28b}#history{list-style:none;padding:0;margin:5px 0 0;display:flex;gap:15px;flex-wrap:wrap}#history li{font-size:9px;color:#95a68a;display:flex;gap:8px}#history li b{color:#d1d4b5;text-transform:capitalize;font-weight:normal}footer{max-width:1100px;margin:0 auto;border-top:1px solid #34412f;padding:17px 28px;display:flex;justify-content:space-between;gap:15px;color:#73826a;font-size:9px;letter-spacing:.7px}footer p{font-size:10px;letter-spacing:0;margin:0}dialog{color:#eae2c5;background:#17251b;border:2px solid #9c8856;border-radius:5px;width:min(570px,calc(100% - 28px));padding:30px;max-height:85svh;box-shadow:0 20px 70px #000b}dialog::backdrop{background:#000b}dialog h2{font:normal 29px Georgia,serif;line-height:1.2;margin:0 0 20px}dialog h3{font-size:14px;color:#dbc48a;margin:22px 0 7px}dialog p{font-size:13px;line-height:1.8;color:#b9c3ac}dialog a{color:#dfc98d}dialog .eyebrow{font-size:8px;margin:0 0 12px}.close{position:absolute;right:9px;top:5px;font-size:22px}.small{font-size:10px!important;color:#8f9f84!important}.confirm-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.mini .card{height:69px;flex-basis:49px;width:49px;font-size:15px}.mini .card .suit{font-size:21px}.mini .corner-bottom{font-size:9px}dialog label{display:block;margin:20px 0 10px;font-size:13px}dialog input[type=checkbox]{width:18px;height:18px;vertical-align:middle;accent-color:#c8ad68;margin-right:7px}dialog input[type=range]{width:100%;accent-color:#cfb677;min-height:32px;margin-bottom:20px}output{float:right;color:#dfc98e}#notice{background:#412c20;border:1px solid #af895c;padding:10px 15px;margin:15px 0;color:#f4d9b7;font-size:12px}
@media(max-width:760px){main{padding:0 20px}.topbar{padding:0 20px}.lobby-table{padding:35px 38px 90px;min-height:400px;border-radius:80px;margin-top:30px;border-width:10px}.lobby-table:before{inset:12px;border-radius:60px}.lobby-copy h1{font-size:60px}.lobby-dealer{width:35%}.intro{font-size:12px}.lobby-rules{flex-wrap:wrap;gap:16px;font-size:10px}.lobby-rules b{font-size:16px}.lobby-rules>span:last-child{width:100%}.play-surface{border-width:8px;border-radius:40px;padding:18px 23px 22px}.player-fields,.dealer-hands{gap:18px;grid-template-columns:minmax(0,5fr) minmax(0,2fr)}.player-fields .card,.low-slot{height:84px}.player-fields .selectable{min-height:84px;gap:5px}.field-caption{font-size:8px;gap:7px;letter-spacing:1px;flex-wrap:wrap;min-height:25px;align-content:start;margin-bottom:5px}.field-caption span{font-size:7px}.compact .card{height:64px}.hand-caption{font-size:8px;gap:6px;letter-spacing:.7px}.hand-caption span{font-size:7px}.player-low{padding-left:9px}.game-grid aside{gap:20px}.stat-grid{gap:12px}.score-panel{gap:5px 10px}.game-heading h1{font-size:26px}.brand{font-size:13px}.brand img{width:38px;height:38px}.topbar nav{gap:7px}.quiet{padding:9px;font-size:11px}.free-tag{display:none}.table-lettering p{font-size:6px;letter-spacing:.7px}.table-lettering>span{font-size:17px}.hero-actions{gap:8px}.hero-actions button{font-size:12px;padding:9px 15px;min-width:90px}}
@media(max-width:520px){main{padding:0 12px}.topbar{height:63px;padding:0 12px;gap:8px}.brand{font-size:12px;gap:7px}.brand b{margin-left:3px}.brand img{width:32px;height:32px}.topbar nav{gap:0}#sound-button span{display:none}.lobby-table{padding:36px 28px 85px;border-radius:54px;min-height:405px;align-items:flex-start;margin-top:25px;gap:0}.lobby-table:before{border-radius:37px;inset:9px}.lobby-copy h1{font-size:56px;margin:17px 0}.lobby-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.lobby-dealer{position:absolute;width:105px;right:10px;top:64px;opacity:.9}.intro{font-size:12px;max-width:210px;margin-top:18px}.hero-actions{position:relative;margin-top:23px}.hero-note{font-size:9px}.table-lettering{left:16px;right:16px;bottom:21px}.table-lettering>span{font-size:14px;letter-spacing:3px}.table-lettering p{font-size:5px;letter-spacing:.4px}.lobby-rules{padding:24px 4px 30px;gap:13px;font-size:9px}.lobby-rules b{font-size:15px;margin-right:3px}.game-heading{padding:17px 1px 12px}.game-heading h1{font-size:23px}.game-heading .eyebrow{font-size:7px}.game-heading .quiet{font-size:10px;padding-right:1px}.table-status{font-size:7px;letter-spacing:.5px}.status-divider{padding:0 5px}.play-surface{border-width:6px;border-radius:26px;padding:16px 14px 20px}.dealer-heading img{width:43px;height:43px}.dealer-heading h2{font-size:18px}.dealer-heading small{font-size:8px}.dealer-heading{margin-bottom:12px}.dealer-hands{gap:12px}.cards{gap:4px}.compact .card{height:54px;font-size:12px;padding:4px}.compact .card .suit{font-size:18px}.compact .corner-bottom{font-size:8px}.hand-caption{font-size:7px;letter-spacing:.5px;gap:5px}.hand-caption span{font-size:6px}.hand-rank{font-size:8px;min-height:12px}.felt-brand{font-size:14px;padding-top:12px;letter-spacing:2px}.felt-brand>span{font-size:8px;letter-spacing:1px;margin-left:5px}.felt{padding-bottom:13px}.result{padding-top:10px;margin-top:10px}.result h3{font-size:20px}.result p{font-size:9px}.selection-panel{padding-top:13px}.selection-heading{margin-bottom:13px;align-items:flex-start}.selection-heading h2{font-size:12px;max-width:230px}.timer{font-size:10px;white-space:nowrap}.player-fields{grid-template-columns:1fr;gap:13px}.player-fields .selectable{min-height:76px;gap:4px}.player-fields .card{width:53px;flex-basis:53px;max-width:53px;height:76px;font-size:15px;padding:5px}.player-fields .card .suit{font-size:23px}.player-fields .corner-bottom{font-size:10px}.player-fields .joker .corner{font-size:6px}.player-low{border-left:0;padding:0}.player-low .card,.low-slot{height:70px;width:49px;flex-basis:49px;max-width:49px}.player-low .selectable{min-height:70px}.field-caption{min-height:0;display:flex;margin-bottom:7px;align-items:center;font-size:8px}.field-caption span{font-size:7px}.low-slot{font-size:18px}.selection-footer{font-size:9px;margin-top:7px;gap:8px}.selection-footer .text-button{font-size:10px;white-space:nowrap}.validation{font-size:10px;line-height:1.5;margin-bottom:10px}.actions{gap:8px}.actions button{min-height:43px;font-size:12px;min-width:0;padding:10px 14px}.actions .primary{flex:1}.actions .secondary{flex:0 0 auto}.hand-summary{font-size:9px}.suggestion{font-size:10px}.game-grid aside{grid-template-columns:1fr;gap:15px;padding:15px 2px 0}.score-panel{grid-template-columns:auto 1fr;column-gap:15px}.score-panel>.eyebrow{grid-column:1/-1}.score-number{font-size:32px}.stat-grid{gap:24px}.score-note{font-size:7px}.history-panel{border-top:1px solid #394633;padding-top:12px}.history-title h3{font-size:10px}.history-title>span{font-size:7px}footer{display:block;padding:15px 14px;font-size:8px}footer p{font-size:9px;margin-top:6px}dialog{padding:25px 20px}.confirm-actions{flex-direction:column}.confirm-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.bet-controls{border-top:1px solid #b6be8e44;padding-top:14px;margin:8px 0 15px}.bet-controls label{display:block;font-size:11px;letter-spacing:1px;color:#e1d4a6;margin-bottom:8px}.bet-controls label span{color:#b4c3a6;font-size:10px;letter-spacing:0;margin-left:8px}.bet-entry{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#bet-amount{width:120px;min-height:43px;border:1px solid #af9c61;border-radius:3px;background:#102f21;color:#fff0bf;font-size:20px;font-weight:bold;padding:7px 10px}.bet-chips{display:flex;gap:7px;flex-wrap:wrap}.bet-chips button{min-width:45px;min-height:40px;padding:7px 12px;border-radius:20px;border:2px dashed #c6b77a;background:#244f37;color:#eee4be;font-weight:bold;font-size:12px}.round-bet{color:#e7cd8b;font-size:13px;text-align:center;margin:5px 0 13px}.purse-total{display:flex;align-items:baseline;gap:10px;grid-column:1/-1;flex-wrap:wrap;border-bottom:1px solid #43503d;padding-bottom:11px;margin-bottom:5px}.purse-total strong{font:32px Georgia,serif;color:#edcf85}.purse-total span{font-size:8px;letter-spacing:1px;color:#b1bda3}.purse-total small{font-size:11px;color:#d5bf85}#refill{grid-column:1/-1;margin-bottom:12px}.score-panel{grid-template-columns:auto auto 1fr}.bet-chips button:disabled{opacity:.3}@media(max-width:520px){.bet-entry{gap:9px}#bet-amount{width:95px}.bet-chips{gap:5px}.bet-chips button{font-size:11px;padding:6px 9px;min-width:36px}.purse-total strong{font-size:30px}}
.score-panel{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px}.score-panel>.eyebrow,.purse-total{flex-basis:100%}.score-number{font-size:26px}.stat-grid{flex:1}.score-note{flex-basis:100%}#refill{flex-basis:100%}
/* Pai Gow layout: two-card low hand above five-card high hand. */
.dealer-hands,.player-fields{display:flex;flex-direction:column;gap:15px;align-items:center}.dealer-hands>div,.player-fields>section{width:100%;min-width:0}.dealer-hands>div:first-child{order:2}.dealer-hands>div:last-child{order:1}.player-high{order:2}.player-low{order:1;border-left:0;padding-left:0}.dealer-hands .cards,.player-fields .cards{justify-content:center}.dealer-hands .hand-caption,.player-fields .field-caption{justify-content:center}.dealer-hands .hand-rank{text-align:center}.player-fields .selectable{min-height:0}.player-fields .card,.low-slot{flex-shrink:1}.dealer-hands .compact .card{flex-shrink:1}.selection-heading{margin-bottom:14px}
@media(max-width:520px){.dealer-hands,.player-fields{gap:12px}.player-low{padding:0}.field-caption{min-height:0}}
.card-tray{margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #b6be8e55}.card-tray .field-caption{justify-content:space-between;flex-wrap:wrap}.card-tray .selectable{justify-content:center;min-height:0}.card-tray .card{width:67px;flex:0 1 67px;height:92px}.place-button{font-size:10px;padding:3px 9px;min-height:30px;margin-left:auto;border:1px solid #a79763;background:#1a3b28;white-space:nowrap}.player-fields>section{padding:10px;border:1px dashed #a6ac7955;border-radius:4px;cursor:pointer}.player-fields .field-caption{justify-content:flex-start}.selection-panel .card.selected{outline:2px solid #f4d275;transform:translateY(-4px);box-shadow:0 0 9px #ecd58b66}.player-fields .card.selected{transform:translateY(-4px)}.card-tray:has(.selectable:empty){padding-bottom:8px}.card-tray .text-button{font-size:10px;min-height:30px}
@media(max-width:520px){.card-tray .card{height:73px;font-size:15px;padding:4px}.card-tray .card .suit{font-size:22px}.card-tray .card .corner-bottom{font-size:9px}.card-tray .joker .corner{font-size:6px}.place-button{font-size:9px;min-height:32px;padding:4px 7px}.player-fields>section{padding:8px}.player-fields .low-slot{height:70px;max-width:49px;flex-basis:49px}.field-caption{flex-wrap:wrap}}
/* Compact one-tap table. */
body:has(#game:not([hidden])) .topbar{height:48px}body:has(#game:not([hidden])) footer{display:none}body:has(#game:not([hidden])) main{max-width:950px}.game-heading{padding:10px 0 6px}.game-heading h1{font-size:21px}.game-heading .eyebrow{display:none}.table-status{padding-bottom:6px}.game-grid{gap:8px;margin-bottom:10px}.play-surface{padding:12px 22px;border-width:6px;border-radius:30px}.dealer-heading{margin-bottom:5px;gap:6px}.dealer-heading img{width:27px;height:27px}.dealer-heading h2{font-size:14px}.dealer-heading .eyebrow,.dealer-heading small{display:none}.dealer-hands{gap:5px;max-width:500px}.hand-caption{margin-bottom:3px;font-size:8px;gap:7px}.hand-rank{font-size:8px;min-height:0;margin:2px 0}.compact .card{height:49px;width:36px;flex-basis:36px;padding:3px;font-size:12px}.compact .card .suit{font-size:16px}.compact .corner-bottom{font-size:8px}.felt{padding-bottom:7px}.felt-brand{display:none}.selection-panel{padding-top:8px}.selection-heading{margin-bottom:8px}.selection-heading h2{font-size:12px}.player-fields{gap:6px}.player-fields>section{padding:0;border:0;cursor:default}.field-caption{margin-bottom:4px;font-size:8px;gap:8px;justify-content:center!important}.player-fields .card,.card-tray .card{height:76px;width:54px;max-width:54px;flex-basis:54px;padding:5px;font-size:16px}.player-fields .card .suit,.card-tray .card .suit{font-size:23px}.player-fields .corner-bottom,.card-tray .corner-bottom{font-size:10px}.player-fields .low-slot{height:76px;width:54px;max-width:54px;flex-basis:54px}.card-tray{margin-bottom:8px;padding-bottom:7px}.card-tray .field-caption{justify-content:center}.card-tray .selectable{min-height:0}.selection-footer{margin-top:3px;min-height:20px;font-size:9px}.selection-footer .text-button{min-height:25px}.validation{min-height:0;margin:3px 0 7px;font-size:10px}.validation:empty{display:none}.hand-summary{font-size:9px;margin:5px 0 0}.result{margin-top:5px;padding-top:5px}.result h3{font-size:20px}.result p{font-size:9px;margin:2px 0}.actions button{min-height:40px;padding:8px 16px}.round-bet{font-size:11px;margin:4px 0 7px}.bet-controls{padding-top:7px;margin:3px 0 8px}.bet-controls label{margin-bottom:5px;font-size:10px}.bet-entry{justify-content:center}.bet-chips button{min-height:36px}#bet-amount{min-height:37px;font-size:17px}.game-grid aside{display:block;padding-top:6px}.score-panel{gap:3px 12px;align-items:baseline;flex-wrap:wrap}.score-panel>.eyebrow,.score-label,.score-number,.score-note{display:none}.purse-total{flex-basis:auto;border:0;padding:0;margin:0;gap:7px}.purse-total strong{font-size:21px}.purse-total span{font-size:7px}.stat-grid{flex:0 0 auto;gap:12px}.stat-grid b{font-size:15px}.stat-grid span{font-size:7px}.history-panel{display:none}.suggestion{font-size:9px;margin-top:7px;padding-top:5px;line-height:1.4}.card-tray .card.joker .corner,.player-fields .card.joker .corner{font-size:7px}
@media(max-width:520px){body:has(#game:not([hidden])) .topbar{height:44px}.game-heading{padding-top:7px}.game-heading h1{font-size:18px}.play-surface{padding:9px 11px;border-width:5px;border-radius:22px}.dealer-heading img{width:23px;height:23px}.dealer-heading h2{font-size:12px}.dealer-hands{gap:4px}.compact .card{height:42px;width:31px;flex-basis:31px;font-size:10px}.compact .card .suit{font-size:14px}.compact .corner-bottom{font-size:6px}.hand-caption{font-size:7px}.hand-rank{font-size:7px}.player-fields .card,.card-tray .card{height:66px;width:46px;max-width:46px;flex-basis:46px;padding:4px;font-size:14px}.player-fields .card .suit,.card-tray .card .suit{font-size:20px}.player-fields .corner-bottom,.card-tray .corner-bottom{font-size:8px}.player-fields .low-slot{height:66px;width:46px;max-width:46px;flex-basis:46px}.player-low .selectable{min-height:0}.selection-heading h2{font-size:10px;max-width:none}.player-fields,.dealer-hands{gap:5px}.stat-grid{gap:8px}.purse-total strong{font-size:20px}.purse-total span{font-size:6px}.selection-footer{font-size:8px}.actions button{min-height:42px}.result h3{font-size:18px}}