.live-app{background:#f4f3e9;color:#1d3b30}.live-bar{height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#173c30;color:#f4eccf}.live-bar a{font-weight:700;color:#f4eccf;text-decoration:none;white-space:nowrap}.live-bar span{margin-left:auto;font-size:13px}.live-bar button{font-size:13px;padding:4px 10px}.live-app #live-notice{background:#fff2c7;color:#5e4722;font-size:13px;line-height:20px;padding:5px 14px}.live-app #live-notice:empty{display:none}.live-app.at-table #live-notice{position:fixed;top:48px;left:10px;right:10px;z-index:20;border-radius:8px;pointer-events:none;max-height:60px;overflow:auto;opacity:.96}.live-app.at-table{background:#101e1b;color:#f0f2df;overflow:hidden}.live-app #live-table{height:calc(100dvh - 48px)}.live-app label{display:flex;flex-direction:column;gap:8px;font-size:14px}.live-app form{display:flex;flex-direction:column;gap:18px}.live-app input,.live-app select{background:#fffef5;color:#1c3a2c;border:1px solid #aab9a6;width:100%}.live-app button{min-height:44px}.live-app h1{font-size:32px;font-weight:650;line-height:1.35;margin:8px 0 16px}.live-app h2{font-size:21px}.live-app p{line-height:1.65}.live-app .eyebrow{font-size:12px;letter-spacing:2px;color:#788e6e}.live-app .primary{background:#244d3b;color:#fff5d8;border-color:#244d3b}.live-app .welcome-panel{max-width:480px;margin:10vh auto;padding:30px;border:1px solid #d1d8c5;border-radius:20px;background:#fffdf2;box-shadow:0 15px 40px #2037210d}.live-app .welcome-panel form{margin-top:24px}.live-app .home-heading{margin-bottom:24px}.live-app .lobby-home,.live-app .room-page{max-width:1100px;margin:auto;padding:36px 24px}.live-app .home-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.live-app .live-panel{padding:24px;background:#fffdf3;border:1px solid #d2d8c8;border-radius:18px}.live-app .config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.live-app .config-help{grid-column:1/-1;font-size:13px;color:#5b7060}.live-app .fineprint{font-size:13px;color:#69816c;margin-top:18px}.live-app .join-panel{background:#e4eada}.live-app .join-panel form{margin-top:25px}.live-app .room-code{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e5e8d6;border:1px solid #c7d0b7;border-radius:14px;padding:20px}.live-app .room-code strong{display:block;font:32px Georgia;letter-spacing:5px}.live-app .lobby-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.live-app .lobby-seats article{padding:16px;background:#fffef6;border:1px solid #d2d8c8;border-radius:14px;overflow-wrap:anywhere}.live-app .lobby-seats span{font-size:12px;color:#697d61}.live-app .lobby-seats h3{font-size:18px;margin:12px 0}.live-app .room-actions{display:flex;flex-wrap:wrap;gap:12px}.live-app .menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-app .history-hand{border-bottom:1px solid #61725a;padding:10px 0}.live-app #app-dialog input,.live-app #app-dialog select{background:#f7f4e5;color:#203b2e}.live-app #app-dialog{z-index:40}.live-app #app-dialog header{position:sticky;top:-20px;background:#192f27;padding:8px 0}.live-app #app-dialog .config-grid{margin-top:16px}.live-app #app-dialog .config-help{color:#d5dfc5}.live-app .river-table input{background:#112b22;color:#fff}.live-app .river-table .primary{background:#e8dea4;color:#233a2a;border-color:#e8dea4}
@media(max-width:700px){.live-app .welcome-panel{margin:35px 14px;padding:24px}.live-app .lobby-home,.live-app .room-page{padding:24px 14px}.live-app h1{font-size:27px}.live-app .home-columns{grid-template-columns:1fr}.live-app .live-panel{padding:18px}.live-app .config-grid{gap:14px 10px}.live-app .lobby-seats{grid-template-columns:1fr 1fr;gap:10px}.live-app .live-bar{padding:0 9px;gap:8px}.live-app .live-bar a{font-size:14px}.live-app .live-bar span{font-size:12px}}
/* Reserve real space for network/results notices; never cover the table header. */
.live-app.at-table #live-notice{position:static;max-height:none;pointer-events:auto;border-radius:0;padding:4px 12px;opacity:1}
.live-app .wager.no-actions .editor{display:none}
@media(max-height:500px) and (min-width:701px){.live-app .river-table[data-count="2"] .seat .sprite{width:32px;height:40px;left:0;top:5px;bottom:auto;transform:none}}
.live-app{min-height:100dvh}
@media(max-width:700px){.live-app .river-table[data-count="2"] .seats{inset:0;align-items:flex-end;padding:0 0 calc((100vw - 16px)*.25)}}

/* Refill controls live in a scrollable dialog; game cards never move behind a banner. */
.refill-config{grid-column:1/-1;border:1px solid #829480;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;min-width:0}
.refill-config legend{font-size:15px;padding:0 6px}.refill-config p{grid-column:1/-1;font-size:14px}.refill-config select{max-width:none}
.refill-panel h2{font-size:21px}.refill-panel p{font-size:14px}.refill-panel details{margin-top:16px}.refill-panel summary{min-height:44px;padding:10px;cursor:pointer}
.refill-players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.refill-player{min-width:0;padding:14px;border:1px solid #728c77;border-radius:12px;background:#203b30}.refill-player h3{font-size:16px;overflow-wrap:anywhere;margin:0 0 8px}.refill-player h3 small{display:block;font-size:13px;color:#cfdbc6;margin-top:5px}.refill-player p{font-size:14px;overflow-wrap:anywhere}.refill-player dl{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.refill-player dl div{flex:1;min-width:36px}.refill-player dt{font-size:13px;color:#c5d4bf}.refill-player dd{font-size:18px;margin:2px 0;font-variant-numeric:tabular-nums}.refill-player button{width:100%;overflow-wrap:anywhere;white-space:normal}
.refill-state{color:#f7e4a7}.refill-actions{position:sticky;bottom:-20px;background:#192f27;display:flex;gap:10px;padding:12px 0}.refill-actions button{flex:1;min-height:44px}.refill-amount{font-size:28px!important;color:#eee0a0;font-variant-numeric:tabular-nums}.refill-recipient{font-size:18px!important;overflow-wrap:anywhere}.refill-summary{display:flex;flex-direction:column;gap:12px;margin:auto 0}.refill-summary h2{margin:0;font-size:22px;color:#eee0a0}.refill-summary p{font-size:14px}.refill-preview .live-bar{gap:8px}.refill-preview .live-bar strong{font-size:14px;margin-right:auto}.refill-preview #sample-table{height:calc(100dvh - 48px)}
.live-app dialog{max-height:calc(var(--dialog-viewport,100dvh) - 24px)}.live-app dialog input,.live-app dialog select{max-width:100%;font-size:16px}.live-app dialog header{position:sticky;top:-20px;background:#192f27;z-index:1;padding:8px 0}.live-app dialog label{align-items:stretch}
@media(max-width:700px){.refill-players{grid-template-columns:1fr}.refill-summary{gap:5px}.refill-summary h2{font-size:19px}.refill-summary p{line-height:1.4}.refill-summary .eyebrow{display:none}.refill-preview .live-bar button{padding:4px 8px}.refill-config{grid-template-columns:1fr}.refill-config input{width:100%}}
@media(max-height:500px) and (min-width:701px){.refill-summary{gap:7px}.refill-summary h2{font-size:20px}.seat.long-balance{padding-left:1px}.seat.long-balance .seat-stack{font-size:14px}.seat.long-balance .sprite{opacity:.4;z-index:0}.refill-player dd{font-size:16px}}

.live-app .solo-start-hint{padding:12px 14px;border-radius:10px;background:#e8edda;color:#244d3b;font-size:15px;line-height:1.5}

/* Keep the verified website filing visible without covering game controls. */
.live-app{--site-footer-height:28px;padding-bottom:var(--site-footer-height)}
.live-app .site-filing{position:fixed;left:0;right:0;bottom:0;min-height:var(--site-footer-height);display:flex;align-items:center;justify-content:center;padding:4px 8px;background:#173c30;color:#dce6d8;z-index:25;font-size:12px;line-height:20px}
.live-app .site-filing a{color:inherit;text-decoration:none}.live-app .site-filing a:hover{text-decoration:underline}
.live-app #live-table{height:calc(100dvh - 48px - var(--site-footer-height))}