@import url('https://fonts.googleapis.com/css2?family=Russo+One&family=Inter:wght@400;500;600&display=swap');

.mobile-tools,.mobile-auto-state,.mobile-only{display:none}.stake-field{display:grid;gap:12px}.setting-field{display:grid;gap:8px;margin-bottom:10px}.setting-field select{margin:0}
@media(max-width:700px), (max-width:950px) and (max-height:560px){
 html,body{min-width:0}body{overflow-x:hidden}header{height:38px;padding:0 12px}.brand{font-size:11px;letter-spacing:.5px}.brand-mark{padding:4px 5px;margin-right:4px;border-radius:5px}.preview-tag{font-size:7px;padding:4px 6px;letter-spacing:.3px}
 main{padding:0 10px;max-width:100%}#games,.house-nav{height:39px;min-height:39px;padding:5px 0;margin:0;gap:6px;align-items:center;scrollbar-width:none}#games a,.house-nav a{padding:6px 10px;font-size:11px;border-radius:6px;line-height:18px}#games::-webkit-scrollbar,.house-nav::-webkit-scrollbar{display:none}
 .heading{height:41px;min-height:41px;margin:0;align-items:center;gap:6px}.heading .eyebrow,.heading .subtitle{display:none}.heading h1{font-size:25px;letter-spacing:-.8px}.heading>.quiet{padding:6px 8px;font-size:10px}
 .game{height:calc(100svh - 124px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 178px;overflow:hidden;border-radius:10px}
 .collection-table,.table{order:0;align-self:stretch;width:100%;min-width:0;min-height:0;height:100%;padding:8px 10px;overflow:hidden}
 .collection-table,body[data-game=blackjack] .collection-table,body[data-game=roulette] .collection-table{display:grid;grid-template-rows:22px minmax(0,1fr) 48px 21px;gap:0}
 .table-top{min-width:0;min-height:22px;align-items:center;gap:6px;flex-wrap:nowrap}.mini-label,.verifiable{font-size:8px;letter-spacing:.5px}.text-button{font-size:10px;min-height:22px}
 .board,body[data-game=blackjack] .board,body[data-game=roulette] .board{height:100%;min-height:0;max-height:none;overflow:hidden;padding:4px 0;width:100%;container-type:size;justify-content:center;gap:0}
 .mines-grid{width:min(100cqw,100cqh);height:min(100cqw,100cqh);gap:5px;flex:none}.keno-grid{width:min(100cqw,calc(100cqh * 1.6));height:min(calc(100cqw / 1.6),100cqh);gap:4px}.grid .tile{width:100%;height:100%;aspect-ratio:auto;border-radius:6px;font-size:17px;box-shadow:0 2px 0 #0a1220}
 .plinko{width:100%;height:100%;max-height:100%;flex:none}.plinko text{font-size:11px}
 .round-result{height:48px;padding:0;overflow:hidden}.round-result #result{height:27px;min-height:27px;font-size:21px;line-height:27px;letter-spacing:-.3px;margin:0}.round-result #detail{height:18px;line-height:18px;font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .paytable{height:21px;min-height:21px;flex-wrap:nowrap;overflow:auto;justify-content:safe center;padding:0;gap:3px;scrollbar-width:none}.paytable span{font-size:9px;padding:3px 5px;white-space:nowrap;border-radius:4px}
 .controls{order:1;min-width:0;min-height:0;height:178px;padding:7px 9px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:61px 44px 22px 22px;column-gap:8px;row-gap:3px;grid-template-areas:'amount settings' 'action action' 'status tools' 'autostatus autostatus';border-top:1px solid #302d3d;overflow:hidden}
 .stake-field{grid-area:amount;display:grid;grid-template-rows:16px 40px;gap:3px;min-width:0}.controls label{font-size:10px;min-width:0;line-height:14px}.controls .input-group{height:40px;min-width:0}.controls .input-group input{font-size:16px;padding:8px 5px;width:100%;min-width:0;height:38px}.controls .input-group button{min-width:26px;width:26px;height:28px;font-size:11px;flex:none}.controls input,.controls select{padding:7px 5px;font-size:14px;height:40px;min-width:0;border-radius:5px}
 #settings{grid-area:settings;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;align-content:start;max-height:61px;overflow:hidden}.setting-field{margin:0;gap:3px;grid-template-rows:16px 40px;min-width:0}.controls #settings select{margin:0}.controls #settings>.hint,.unit-note{display:none}.controls #settings>.quiet{font-size:10px;padding:6px;align-self:end;height:40px}
 #play,#roll,#stop,#recover,#actions{grid-area:action;align-self:stretch;width:100%;height:44px;margin:0;min-width:0}.controls #actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px}.controls #actions:not(:has(button:not([hidden]))){display:none}.controls #actions button{font-size:12px;padding:6px 4px;border-radius:6px;min-width:0;height:44px;line-height:15px}
 .controls:has(#actions button:not([hidden])) #play{visibility:hidden}.controls:has(#recover:not([hidden])) #play,.controls:has(#recover:not([hidden])) #roll{visibility:hidden}#recover:not([hidden]){z-index:2;background:#3e3157}.primary{font-size:14px;padding:8px 10px;border-radius:6px;box-shadow:none}.controls .status{grid-area:status;margin:0;min-height:0;height:22px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
 .mobile-tools{grid-area:tools;display:flex;justify-content:flex-end;gap:4px;min-width:0}.mobile-tools button{font-size:10px;height:22px;padding:2px 8px;line-height:16px;min-width:0;border-radius:4px}.mobile-tools .danger{background:#683148;color:#ffe4ea}.mobile-auto-state{display:block;grid-area:autostatus;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bca6db;font-size:10px}
 .controls>.auto-panel{display:none}.mobile-settings-sheet{max-height:calc(100svh - 32px);width:calc(100vw - 24px);margin:auto;padding:18px;border-radius:12px}.mobile-settings-sheet .auto-panel{display:grid;margin:0}.mobile-settings-sheet #auto-controls{display:block}.mobile-settings-sheet .hint{font-size:11px}.mobile-settings-sheet input{font-size:16px;height:44px}.mobile-settings-sheet button{min-height:38px}.mobile-settings-sheet .dialog-heading{margin-bottom:16px}.mobile-settings-sheet .dialog-heading h2{font-size:21px}
 .cards{min-height:0;padding:5px;gap:5px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.card{width:56px;min-width:56px;max-width:56px;height:80px;min-height:80px;max-height:80px;flex:0 0 56px;font-size:23px;border-radius:6px}.hand{padding:2px;min-width:0;max-width:100%}.hand-label{height:16px;line-height:16px;margin:0;font-size:9px}.hands{gap:4px;flex-wrap:nowrap;max-width:100%;flex:none}.hands .hand{min-width:0;flex:1}.hilo-trail{height:26px;min-height:26px;max-width:100%;font-size:10px}.hilo-trail span{padding:5px}.limbo-ring{width:min(64cqw,80cqh);height:min(64cqw,80cqh);flex:none}.limbo-number{font-size:clamp(30px,12cqw,65px);letter-spacing:-2px}.crash-multiplier{font-size:38px;height:48px;line-height:48px;flex:none}.crash-svg{min-height:0;flex:1;height:auto;max-height:calc(100% - 72px)}.crash-meta{font-size:9px;line-height:16px;height:16px;margin:3px 0;flex:none}
 body[data-game=blackjack] .game{grid-template-rows:minmax(0,1fr) 178px}body[data-game=blackjack] #actions button{font-size:10px;padding:4px 2px}
 .roulette-grid{display:none}.wheel-wrap{height:min(100cqh,90cqw);width:min(100cqh,90cqw);max-width:none;flex:none}.wheel{border-width:6px}.wheel-number{font-size:9px}.wheel-hub{font-size:18px}.wheel-pointer{height:11px;width:11px;left:calc(50% - 5.5px)}
 body[data-game=roulette] .game{grid-template-rows:minmax(0,1fr) 210px}body[data-game=roulette] .controls{height:210px;grid-template-rows:61px 28px 44px 22px 22px;grid-template-areas:'amount settings' 'chips chips' 'action action' 'status tools' 'autostatus autostatus'}body[data-game=roulette] #settings{grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:61px;grid-auto-flow:row;overflow:visible;position:relative}body[data-game=roulette] #settings>.quiet{position:absolute;top:64px;right:0;height:26px;width:94px;margin:0;padding:3px}
 #chip-total{position:absolute;top:64px;left:calc(-100% - 8px);height:26px;line-height:26px;font-size:10px;margin:0;white-space:nowrap;display:block!important}#mobile-chips{display:block;grid-area:chips;justify-self:center;align-self:center;height:26px;min-height:26px;font-size:10px;padding:3px 7px;width:72px;z-index:1}
 .mobile-settings-sheet .chip-list{display:flex}.mobile-settings-sheet .chip-list button{font-size:12px}
 .history{margin-top:18px}.history .section-title{margin-bottom:10px}footer{margin-top:18px;padding:15px 0;font-size:8px}
 /* Dice keeps its main controls on the same screen; its longer auto settings move to the sheet. */
 body:not([data-game]) .game{grid-template-rows:minmax(0,1fr) 173px}body:not([data-game]) .controls{height:173px;grid-template-rows:28px 56px 44px 20px;grid-template-areas:'mode mode' 'amount amount' 'action action' 'status tools';gap:3px 8px}body:not([data-game]) .mode-switch{grid-area:mode;margin:0;padding:2px;height:28px}body:not([data-game]) .mode-switch button{padding:3px;font-size:11px}body:not([data-game]) .controls>.stake-field{grid-template-rows:13px 38px;gap:2px}.profit-label{display:none}body:not([data-game]) .mobile-auto-state{display:none}body:not([data-game])[data-auto-running=true] #roll{visibility:hidden}
 body:not([data-game]) .table{display:grid;grid-template-rows:22px minmax(75px,1fr) 95px 63px;gap:2px}body:not([data-game]) .result-stage{padding:0;display:flex;flex-direction:column;justify-content:center;min-height:0}body:not([data-game]) #result{font-size:46px;line-height:52px;height:52px;margin:0}body:not([data-game]) .result-caption{font-size:8px}body:not([data-game]) #result-detail{font-size:10px;margin:0;height:15px;line-height:15px}body:not([data-game]) .result-stage>p{margin:0}.slider-wrap{padding:0 3px;min-width:0}.dice-rail{margin-top:36px;height:9px}.scale{font-size:9px}.range-caption{margin:12px 0 0;font-size:7px;letter-spacing:1px}.landing-label{font-size:10px;padding:5px 7px}.metrics{gap:6px;min-width:0}.metrics label{margin-bottom:4px;font-size:9px;height:16px}.metrics input{height:35px;padding:6px;font-size:14px}.metric-input>span{padding-right:6px}.recent-head,.recent{display:none}
}
@media(max-width:700px) and (max-height:740px){.card{width:45px;min-width:45px;max-width:45px;height:64px;min-height:64px;max-height:64px;flex-basis:45px;font-size:20px}.cards{padding:3px}.hand-label{font-size:8px;height:14px;line-height:14px}}
@media(max-width:700px) and (max-height:560px){header{display:none}.heading{height:30px;min-height:30px}.game{height:calc(100svh - 74px)}.controls{height:151px;grid-template-rows:53px 40px 20px 18px}.game,body[data-game=blackjack] .game{grid-template-rows:minmax(0,1fr) 151px}.controls input,.controls select,.controls .input-group{height:34px}.controls .input-group input{height:32px}.stake-field,.setting-field{grid-template-rows:14px 34px}.controls #actions button,#play,#roll,#stop,#recover,#actions{height:40px}.card{width:32px;min-width:32px;max-width:32px;height:46px;min-height:46px;max-height:46px;flex-basis:32px;font-size:16px}.collection-table,body[data-game=blackjack] .collection-table{grid-template-rows:19px minmax(0,1fr) 36px 18px}.round-result{height:36px}.round-result #result{height:20px;min-height:20px;line-height:20px;font-size:17px}.round-result #detail{font-size:9px;line-height:16px;height:16px}}


@media(min-width:701px) and (max-width:950px) and (max-height:560px){
 header{display:none}.heading{height:30px;min-height:30px}.game,body[data-game=blackjack] .game,body[data-game=roulette] .game,body:not([data-game]) .game{height:calc(100svh - 74px);grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr)}
 .controls,body[data-game=roulette] .controls,body:not([data-game]) .controls{height:100%;align-content:start;border-top:0;border-left:1px solid #302d3d}.collection-table,body[data-game=blackjack] .collection-table,body[data-game=roulette] .collection-table{grid-template-rows:20px minmax(0,1fr) 40px 20px}.round-result{height:40px}.round-result #result{height:23px;min-height:23px;line-height:23px;font-size:19px}.round-result #detail{height:17px;line-height:17px}.card{width:45px;min-width:45px;max-width:45px;height:64px;min-height:64px;max-height:64px;flex-basis:45px;font-size:20px}.cards{padding:3px}.hand-label{height:14px;line-height:14px;font-size:8px}body:not([data-game]) .table{grid-template-rows:20px minmax(54px,1fr) 86px 58px}body:not([data-game]) #result{height:38px;line-height:38px;font-size:36px}.dice-rail{margin-top:30px}.crash-multiplier{font-size:28px;height:34px;line-height:34px}.crash-svg{max-height:calc(100% - 56px)}
}
@media(max-width:700px), (max-width:950px) and (max-height:560px){
 .controls input,.controls select,.metrics input{font-size:16px}
 .board{--card-width:56px}.cards{--cards:2;display:grid;grid-template-columns:repeat(calc(var(--cards) - 1),minmax(0,calc(var(--card-width) + 5px))) var(--card-width);width:min(100%,calc(var(--cards) * (var(--card-width) + 5px) + 10px));gap:0;overflow:visible;margin-inline:auto;justify-content:center;flex:none}.board>.hand,.hands{width:100%}.card{width:var(--card-width);min-width:var(--card-width);max-width:var(--card-width)}
 .mobile-settings-sheet:modal{max-height:calc(100svh - 24px)}
}
@media(max-width:700px) and (max-height:740px), (min-width:701px) and (max-width:950px) and (max-height:560px){.board{--card-width:45px}}
@media(max-width:700px) and (max-height:560px){.board{--card-width:32px}}
@media(max-width:700px), (max-width:950px) and (max-height:560px){body[data-game=hilo] #actions button{font-size:10px;line-height:14px}}
@media(max-width:700px), (max-width:950px) and (max-height:560px){.cards:has(.card:only-child){grid-template-columns:var(--card-width)}}
@media(max-width:700px) and (max-height:560px){body:not([data-game]) .table{grid-template-rows:18px minmax(30px,1fr) 68px 52px}body:not([data-game]) #result{height:32px;line-height:32px;font-size:28px}body:not([data-game]) .result-caption{font-size:7px}body:not([data-game]) #result-detail{font-size:9px;height:12px;line-height:12px}.dice-rail{margin-top:21px}.metrics label{height:12px;font-size:8px}.metrics input{height:30px;padding:4px}.range-caption{margin-top:8px}}

@media(max-width:700px), (max-width:950px) and (max-height:560px){body[data-game=plinko] .controls{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}body[data-game=plinko] #settings{grid-template-columns:minmax(0,1fr) 55px;grid-auto-flow:row}.volatility-field label{font-size:9px;gap:2px}.volatility-field .volatility-value{font-size:inherit}.controls .volatility-field input[type=range]{height:40px}}

@media(max-width:700px), (max-width:950px) and (max-height:560px){body[data-game=hilo] .board{--card-width:min(120px,38cqw,50cqh)}body[data-game=hilo] .card{height:calc(var(--card-width) * 1.44);min-height:calc(var(--card-width) * 1.44);max-height:calc(var(--card-width) * 1.44);font-size:clamp(20px,10cqh,38px)}}
/* Reserve two fixed action rows, including before dealing and after collection. */
@media(max-width:700px), (max-width:950px) and (max-height:560px){
 body[data-game=hilo] .game{grid-template-rows:minmax(0,1fr) 222px}
 body[data-game=hilo] .controls{height:222px;grid-template-rows:61px 88px 22px 22px}
 body[data-game=hilo] .controls #actions{height:88px;grid-template-rows:42px 42px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;grid-auto-flow:row}
 body[data-game=hilo] .controls #actions button{height:42px;padding:3px;gap:0}
 body[data-game=hilo] .controls #actions .action-label{font-size:12px;line-height:17px}
 body[data-game=hilo] .controls #actions .action-detail{font-size:9px;line-height:13px}
 body[data-game=hilo] .controls #play{grid-area:settings;visibility:visible;height:40px;align-self:end;font-size:12px}
 body[data-game=hilo] .controls:has(#recover:not([hidden])) #actions{visibility:hidden}
 body[data-game=hilo] .controls #recover{align-self:center}
}
@media(max-width:700px) and (max-height:560px){
 body[data-game=hilo] .game{grid-template-rows:minmax(0,1fr) 199px}
 body[data-game=hilo] .controls{height:199px;grid-template-rows:53px 88px 20px 18px}
 body[data-game=hilo] .controls #play{height:34px}
}
@media(min-width:701px) and (max-width:950px) and (max-height:560px){
 body[data-game=hilo] .game{grid-template-rows:minmax(0,1fr)}body[data-game=hilo] .controls{height:100%}
}
@media(max-width:700px), (max-width:950px) and (max-height:560px){body[data-game=hilo] .controls:has(#actions button) #play{visibility:visible}}

/* Keep the speed button tappable without changing the game card footprint. */
@media(max-width:700px), (max-width:950px) and (max-height:560px){
 .table-top{height:42px;min-height:42px;gap:5px;flex-wrap:nowrap}
 #speed.speed-toggle{flex-basis:124px;width:124px;min-width:124px;height:42px;font-size:11px;padding:3px 7px}
 .table-top .verifiable{display:none}
 .collection-table,body[data-game=blackjack] .collection-table,body[data-game=roulette] .collection-table{grid-template-rows:42px minmax(0,1fr) 48px 21px}
 body:not([data-game]) .table{grid-template-rows:42px minmax(75px,1fr) 95px 63px}
}
@media(max-width:700px) and (max-height:560px){
 .collection-table,body[data-game=blackjack] .collection-table,body[data-game=roulette] .collection-table{grid-template-rows:42px minmax(0,1fr) 36px 18px}
 body:not([data-game]) .table{grid-template-rows:42px minmax(30px,1fr) 68px 52px}
}
@media(min-width:701px) and (max-width:950px) and (max-height:560px){
 .collection-table,body[data-game=blackjack] .collection-table,body[data-game=roulette] .collection-table{grid-template-rows:42px minmax(0,1fr) 40px 20px}
 body:not([data-game]) .table{grid-template-rows:42px minmax(54px,1fr) 86px 58px}
}
/* Deliberate two-step autoplay, aligned below manual play on every screen. */
.controls>.mobile-tools{display:grid;width:100%;gap:0;margin:10px 0 0}
.controls>.mobile-tools button{width:100%;min-height:52px;height:52px;font-size:16px;font-weight:700;border:1px solid #ac91ec;border-radius:8px;background:#352849;color:#f2e9ff;touch-action:manipulation}
.controls>.mobile-tools button:disabled{opacity:.45;cursor:not-allowed}
.controls>.mode-switch{display:none}
.mobile-settings-sheet{max-height:calc(100svh - 32px);width:min(460px,calc(100vw - 24px));overflow:auto}
.mobile-settings-sheet .auto-panel{display:grid}.mobile-settings-sheet #auto-controls{display:block}.mobile-settings-sheet #auto-start{width:100%;min-height:52px;font-size:16px}
@media(max-width:700px){
 .game,body[data-game=blackjack] .game,body[data-game=roulette] .game{grid-template-rows:minmax(0,1fr) 210px}
 .controls{height:210px;grid-template-rows:61px 44px 44px 22px;grid-template-areas:'amount settings' 'action action' 'tools tools' 'status status';row-gap:6px}
 .controls>.mobile-tools{grid-area:tools;margin:0;display:grid;height:44px}
 .controls>.mobile-tools button{height:44px;min-height:44px;font-size:14px;line-height:18px;padding:8px 10px;border-radius:6px}
 .mobile-auto-state{display:none}
 body:not([data-game]) .game{grid-template-rows:minmax(0,1fr) 204px}
 body:not([data-game]) .controls{height:204px;grid-template-rows:56px 44px 44px 22px;grid-template-areas:'amount amount' 'action action' 'tools tools' 'status status';row-gap:6px}
 body:not([data-game]) .mode-switch{display:none}
 body[data-game=hilo] .game{grid-template-rows:minmax(0,1fr) 304px}
 body[data-game=hilo] .controls{height:304px;grid-template-rows:61px 44px 44px 88px 22px;grid-template-areas:'amount amount' 'deal deal' 'tools tools' 'action action' 'status status'}
 body[data-game=hilo] .controls #play{grid-area:deal;align-self:stretch;height:44px;font-size:14px}
}

.controls>.mobile-tools{grid-template-columns:minmax(0,1fr);justify-content:stretch}

/* Website embeds contain the selected card, without a second site shell. */
html.core-embed,html.core-embed body{background:transparent;min-width:0}
html.core-embed{color-scheme:normal}
.core-embed body>header,.core-embed main>#games,.core-embed main>footer,.core-embed .heading .eyebrow{display:none}
.core-embed main{max-width:none;width:100%;padding:0;margin:0}
.core-embed .game{box-shadow:none}
.core-embed main>.heading{display:flex;margin:0 0 24px;padding:0;gap:12px}
.core-embed .heading h1{margin-top:0}
/* Match the existing website and legacy game palette, including its feed. */
html.core-embed{--purple:#3b9bff;--muted:#94a3b8;--green:#00ff85;--panel:#0b1e4e;color:#e2e8f0}
.core-embed .heading{background:transparent}
.core-embed .heading h1{font-family:'Russo One',Inter,sans-serif;font-weight:400;letter-spacing:-.5px}
.core-embed .heading .subtitle{color:#94a3b8}
.core-embed .game-with-feed{border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;background:#0b1e4e80}
.core-embed .game{border:0;border-radius:0;background:transparent}
.core-embed .controls{background:#0b1e4ecc;border-color:#ffffff1a}
.core-embed .table,.core-embed .collection-table{background:linear-gradient(135deg,#1e3a8a99,#0b1e4e80)}
.core-embed .primary{background:#00ff85;color:#1e3a8a;box-shadow:none;border-radius:12px}
.core-embed .primary:hover:not(:disabled){background:#54ffac}
.core-embed .quiet,.core-embed .controls>.mobile-tools .auto-launch,.core-embed #speed.speed-toggle{background:#3b9bff1f;color:#e2e8f0;border-color:#3b9bff80;box-shadow:none}
.core-embed .quiet:hover:not(:disabled),.core-embed .auto-launch:hover:not(:disabled),.core-embed #speed.speed-toggle:hover:not(:disabled){background:#3b9bff40}
.core-embed #speed.speed-toggle::after{color:#cbd5e1}
.core-embed .text-button,.core-embed .verifiable{color:#7dd3fc}
.core-embed input:not([type=range]),.core-embed .controls input,.core-embed .controls select,.core-embed .input-group,.core-embed .metric-input,.core-embed .metrics input{background:#070f2699;color:#e2e8f0;border-color:#ffffff26}
.core-embed .input-group button{background:#1e3a8a;color:#e2e8f0}
.core-embed label,.core-embed .status,.core-embed .profit-label,.core-embed .unit-note,.core-embed .section-title>span{color:#cbd5e1}
.core-embed .profit-label strong,.core-embed .accent{color:#3b9bff}
.core-embed .unit-note{border-color:#ffffff1a}
.core-embed .game-with-feed>.history{display:block;margin:0;padding:22px;border-top:1px solid #ffffff1a;background:#0b1e4e80}
.core-embed .history .section-title{margin-bottom:14px}
.core-embed .history h2{font-family:'Russo One',Inter,sans-serif;font-weight:400;color:#e2e8f0}
.core-embed .table-scroll,.core-embed .collection-history{max-height:360px;overflow:auto;scrollbar-color:#3b9bff66 transparent}
.core-embed th{background:#1e3a8a66;color:#cbd5e1}
.core-embed td{border-color:#ffffff1a;color:#cbd5e1}
.core-embed td.win{color:#00ff85}
.core-embed td button,.core-embed .history-row button{color:#7dd3fc;min-height:32px}
.core-embed .history-row{background:#1e3a8a40;border:1px solid #ffffff0d;color:#cbd5e1;align-items:center;flex-wrap:wrap}
.core-embed dialog{background:#0b1e4e;color:#e2e8f0;border-color:#3b9bff80}
.core-embed dialog code{background:#070f26;color:#7dd3fc}
.core-embed dialog:modal{position:fixed;inset:auto;left:50%;top:calc(var(--core-visible-top,0px) + var(--core-visible-height,600px)/2);transform:translate(-50%,-50%);margin:0;max-height:calc(var(--core-visible-height,600px) - 24px);max-width:calc(100% - 24px);overflow:auto;overscroll-behavior:contain}
.core-embed .tile.picked{background:#1e3a8a;border-color:#3b9bff}
.core-embed .auto-picks .auto-pick.picked{background:#1e3a8a;border-color:#3b9bff}.core-embed .auto-picks .pick-order{background:#7dd3fc;color:#0b1e4e}
.core-embed .card.back{background:repeating-linear-gradient(45deg,#1e3a8a,#1e3a8a 5px,#2c55c4 5px,#2c55c4 10px);border-color:#3b9bff;color:#e2e8f0}
.core-embed .hand.active{border-color:#3b9bff;background:#3b9bff1a}
.core-embed .limbo-number,.core-embed .crash-multiplier{color:#7dd3fc}
.core-embed .limbo-number.win{color:#00ff85}.core-embed .limbo-number.loss{color:var(--red)}
.core-embed .limbo-ring{border-color:#3b9bff80;box-shadow:0 0 70px #3b9bff1a}
.core-embed .plinko .ball{fill:#3b9bff;filter:drop-shadow(0 0 6px #3b9bff)}
.core-embed input[type=range]::-webkit-slider-thumb{border-color:#7dd3fc;background:#3b9bff}
.core-embed input[type=range]::-moz-range-thumb{border-color:#7dd3fc;background:#3b9bff}
@media(max-width:700px){.core-embed .game-with-feed>.history{padding:16px 12px}.core-embed .history .section-title{align-items:center}.core-embed .history h2{font-size:14px}.core-embed .history-row{font-size:11px;gap:8px}}
@media(max-width:700px){.core-embed main>.heading{margin-bottom:12px;min-height:62px}.core-embed .heading h1{font-size:32px}.core-embed .heading .subtitle{font-size:12px}.core-embed .heading button{font-size:11px;min-height:38px;padding:6px 9px}}
@media(max-width:700px), (max-width:950px) and (max-height:560px){
 .core-embed body .game{height:var(--core-card-height,560px)}
 .core-embed .table-top{justify-content:space-between}
}

@media(min-width:701px) and (min-height:561px){.controls>#play,.controls>#roll{height:52px;min-height:52px}}

@media(max-width:700px){body[data-game=roulette] .game{grid-template-rows:minmax(0,1fr) 244px}body[data-game=roulette] .controls{height:244px;grid-template-rows:61px 28px 44px 44px 22px;grid-template-areas:'amount settings' 'chips chips' 'action action' 'tools tools' 'status status'}}

/* Depth and motion are presentation only; card dimensions remain layout-owned. */
.card{position:relative;isolation:isolate;transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff,#e5eaf1);border-color:#f8fafc #c0c9d5 #98a5b8 #edf2f7;box-shadow:0 2px 0 #c4ccd6,0 4px 0 #7a879a,0 9px 13px #02061766,inset 0 0 0 2px #ffffff90;text-shadow:0 1px 0 #fff8}
.card:not(.back)::before,.card:not(.back)::after{content:attr(data-corner);position:absolute;font-size:clamp(9px,.42em,16px);line-height:1;letter-spacing:-.5px}
.card:not(.back)::before{top:6px;left:5px}.card:not(.back)::after{bottom:6px;right:5px;transform:rotate(180deg)}
.card.back{box-shadow:0 2px 0 #89b6eb,0 4px 0 #174174,0 9px 13px #02061766,inset 0 0 0 3px #0b1e4e,inset 0 0 0 4px #7dd3fc66;text-shadow:0 2px 2px #020617}
.cards,.board:has(>.card){perspective:800px}
.result-stage{position:relative;isolation:isolate}
.result-stage::before,.result-stage::after{position:absolute;top:35%;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;color:#0b1e4e;background:linear-gradient(145deg,#f8fafc,#8edaff);font-size:47px;line-height:1;box-shadow:0 4px 0 #398ab8,0 9px 16px #02061770,inset 0 0 0 1px #fff9;pointer-events:none;transform:perspective(420px) translateY(var(--dice-lift,0px)) rotateX(15deg) rotateZ(var(--dice-turn,0deg));}
.result-stage::before{content:'⚄';left:6%}.result-stage::after{content:'⚂';right:6%;transform:perspective(420px) translateY(var(--dice-lift,0px)) rotateX(-15deg) rotateZ(calc(-1 * var(--dice-turn,0deg)))}
.table[data-animating=true] .dice-rail{box-shadow:0 0 18px #3b9bff88}
.table[data-animating=true] .result-stage{background:radial-gradient(ellipse,#3b9bff22,transparent 68%)}
.limbo-carousel{width:100%;height:100%;min-height:0;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#3b9bff33,transparent 68%)}
.limbo-window{position:relative;width:100%;height:100%;overflow:hidden;perspective:700px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.limbo-reel-tile{position:absolute;left:50%;top:22%;height:56%;width:clamp(105px,40%,220px);display:grid;place-items:center;border:1px solid #7dd3fc88;border-radius:18px;background:linear-gradient(145deg,#214780,#0b1e4e);color:#bae6fd;font-size:clamp(24px,5vw,48px);font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 5px 0 #061735,0 15px 28px #02061788,inset 0 1px 0 #e0f2fe80;backface-visibility:hidden;will-change:transform;}
.limbo-carousel .limbo-number{font-size:clamp(23px,5vw,48px);letter-spacing:-1px;white-space:nowrap;text-shadow:0 0 22px #7dd3fc55}
.limbo-pointer{position:absolute;top:12%;left:calc(50% - 9px);width:18px;height:18px;background:#7dd3fc;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 8px #38bdf8);pointer-events:none}
.limbo-carousel::after{content:'';position:absolute;bottom:12%;left:15%;right:15%;height:3px;border-radius:50%;background:#3b9bff;box-shadow:0 0 22px 4px #3b9bff66;transform:scaleX(calc(.65 + var(--reel-energy,0) * .35));pointer-events:none}
.limbo-carousel[data-outcome=win]::after{background:#00ff85;box-shadow:0 0 28px 5px #00ff8566}.limbo-carousel[data-outcome=win] .limbo-number{color:#00ff85}
.limbo-carousel[data-outcome=loss] .limbo-number{color:#fda4af}
@media(max-width:700px){.result-stage::before,.result-stage::after{height:27px;width:27px;font-size:26px;border-radius:6px;top:34%}.result-stage::before{left:3%}.result-stage::after{right:3%}.limbo-reel-tile{border-radius:12px}.limbo-carousel .limbo-number{font-size:clamp(21px,6vw,32px)}}
@media(prefers-reduced-motion:reduce){.result-stage::before,.result-stage::after{transform:none}.limbo-reel-tile{will-change:auto}}

/* Matching depth and reveal effects for the rest of the house collection. */
.core-embed .grid .tile{background:linear-gradient(145deg,#234b78,#101f3b);border-color:#5881ac80;box-shadow:0 3px 0 #030d21,inset 0 1px 0 #b9ddff40;transform-origin:center bottom}
.core-embed .grid .tile.picked{background:linear-gradient(145deg,#2563a7,#12376e);border-color:#7dd3fc;box-shadow:0 3px 0 #08234b,inset 0 1px 0 #bae6fd88,0 0 10px #38bdf833}
.core-embed .grid .tile.gem,.core-embed .grid .tile.hit{background:radial-gradient(ellipse at 35% 20%,#16866e,#0a463b);color:#a7ffe0;border-color:#5cf9be;box-shadow:0 3px 0 #042c24,inset 0 1px 0 #bcffe3aa,0 0 12px #00ff8533;text-shadow:0 0 8px #6ee7b788}
.core-embed .grid .tile.mine{background:radial-gradient(ellipse at 35% 20%,#9b3454,#471c33);color:#fecdd3;border-color:#fb7185;box-shadow:0 3px 0 #280b1b,inset 0 1px 0 #fda4af88,0 0 12px #f43f5e44}
.core-embed .grid .tile.drawn{background:linear-gradient(145deg,#44668c,#203c5f);border-color:#93c5fd88;color:#e0f2fe}
.board[data-animating=true] .keno-grid .tile.hit{animation:keno-light .3s ease-out both}
@keyframes keno-light{from{box-shadow:0 0 22px #6ee7b7bb,inset 0 0 12px #bbf7d055}to{box-shadow:0 3px 0 #042c24,0 0 12px #00ff8533}}
.plinko-trail{stroke:#7dd3fc;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.55;filter:drop-shadow(0 0 4px #38bdf8)}
.core-embed .plinko .ball{fill:#e0f2fe;stroke:#38bdf8;stroke-width:2;filter:drop-shadow(0 0 5px #7dd3fc)}
.core-embed .plinko .peg{fill:#bad8ee;filter:drop-shadow(0 1px 1px #020617)}
.core-embed .plinko .bin{fill:#173e6c;stroke:#558bbc;stroke-width:1}
.core-embed .plinko .bin.hit{fill:#00c982;stroke:#a7f3d0;stroke-width:2;filter:drop-shadow(0 0 5px #00ff85)}
.core-embed .wheel-wrap{perspective:900px;filter:drop-shadow(0 12px 9px #02061788)}
.core-embed .wheel{border-color:#a8c8e9;box-shadow:0 0 0 4px #223c5c,0 6px 0 5px #07172b,inset 0 0 20px #02061799}
.core-embed .wheel-hub{background:radial-gradient(circle at 35% 30%,#78b8df,#143756 70%);border-color:#aac7dc;box-shadow:0 3px 8px #020617cc,inset 0 1px 2px #fff9;color:#dff4ff}
.core-embed .wheel-pointer{background:#f0f9ff;box-shadow:0 0 0 2px #7dd3fc,0 0 16px #38bdf8}
.core-embed .crash-svg{background:linear-gradient(#7dd3fc0c 1px,transparent 1px),linear-gradient(90deg,#7dd3fc0c 1px,transparent 1px);background-size:32px 32px;border-radius:10px}
.core-embed .crash-svg > .flight-path{stroke:#7dd3fc;stroke-linecap:round;filter:drop-shadow(0 0 4px #38bdf8)}
.core-embed .crash-svg circle{stroke:#ecfeff;stroke-width:2;filter:drop-shadow(0 0 8px #34d399)}
.core-embed .board[data-animating=true] .crash-svg > .flight-path{stroke-dasharray:12 3;animation:flight-stream .65s linear infinite}
@keyframes flight-stream{to{stroke-dashoffset:-30}}
@media(prefers-reduced-motion:reduce){.board[data-animating=true] .keno-grid .tile.hit,.core-embed .board[data-animating=true] .crash-svg > .flight-path{animation:none}.plinko-trail{display:none}}

/* Cinematic reveals stay inside existing geometry and never delay settlement. */
.core-embed .grid .tile{position:relative;isolation:isolate}
.core-embed .grid .tile[data-entering=true]{z-index:2;filter:brightness(calc(1 + var(--reveal-energy,0) * .7));box-shadow:0 8px 0 #020a1d,0 12px 18px #02061788,inset 0 0 18px #7dd3fc55}
.core-embed .mines-grid .tile.gem{font-size:0}
.core-embed .mines-grid .tile.gem::before{content:'';position:absolute;inset:22% 20%;clip-path:polygon(20% 0,80% 0,100% 35%,50% 100%,0 35%);background:conic-gradient(from 45deg at 50% 35%,#e1fff2 0deg 45deg,#12b985 45deg 100deg,#a7ffda 100deg 135deg,#00a76c 135deg 190deg,#66f5ba 190deg 225deg,#e1fff2 225deg 270deg,#31dca1 270deg);filter:drop-shadow(0 3px 2px #001f16);pointer-events:none}
.core-embed .grid .tile[data-reveal=gem]::after,.core-embed .grid .tile[data-reveal=mine]::after,.core-embed .grid .tile[data-reveal=drawn]::after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#effff7;box-shadow:0 -15px #9effd4,11px -11px #fff,15px 0 #6ee7b7,11px 11px #d1fae5,0 15px #6ee7b7,-11px 11px #fff,-15px 0 #9effd4,-11px -11px #d1fae5;pointer-events:none;animation:tile-sparks .5s ease-out both}
.core-embed .grid .tile[data-reveal=mine]::after{filter:hue-rotate(165deg)}
.core-embed .grid .tile[data-reveal=drawn]::after{filter:hue-rotate(65deg);animation-duration:.3s}
.core-embed .mines-grid .tile[data-reveal=gem]::before{animation:gem-rise .5s cubic-bezier(.16,1,.3,1) both}
.core-embed .keno-grid .tile[data-reveal=gem]{animation:keno-impact .45s ease-out both}
@keyframes tile-sparks{0%{opacity:0;transform:scale(.1) rotate(-25deg)}25%{opacity:1}100%{opacity:0;transform:scale(1.65) rotate(20deg)}}
@keyframes gem-rise{0%{opacity:.3;transform:perspective(180px) rotateY(-80deg) translateY(8px) scale(.35)}55%{opacity:1;transform:perspective(180px) rotateY(12deg) translateY(-3px) scale(1.17)}100%{opacity:1;transform:none}}
@keyframes keno-impact{0%{transform:scale(.92);box-shadow:inset 0 0 25px #e1fff2,0 0 18px #00ff8599}45%{transform:scale(1.08)}100%{transform:none}}
.plinko-halo{fill:#38bdf8;opacity:.2;pointer-events:none}
.plinko-ripple{fill:none;stroke:#baf3ff;stroke-width:2;pointer-events:none}
.core-embed .plinko-trail{stroke-width:7;opacity:.7;filter:drop-shadow(0 0 6px #38bdf8)}
.core-embed .wheel-wrap::after{content:'';position:absolute;inset:3%;border:1px solid #e0f2fe66;border-radius:50%;box-shadow:inset 0 0 12px #0008;pointer-events:none}
.wheel-ball-orbit{position:absolute;inset:0;pointer-events:none;z-index:1}
.wheel-ball-orbit::after{content:'';position:absolute;left:calc(50% - 4px);top:var(--ball-inset,9%);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 15%,#c2e5ff 50%,#5283ae);box-shadow:0 2px 3px #000a,0 0 7px #e0f2fe}
.core-embed .wheel-wrap[data-landed=true]::after{animation:wheel-landing .5s ease-out both}
@keyframes wheel-landing{from{box-shadow:inset 0 0 18px #7dd3fcaa,0 0 14px #38bdf877}to{box-shadow:inset 0 0 12px #0008}}
.core-embed .limbo-reel-tile{background:linear-gradient(125deg,#68b4ef33,transparent 42%),linear-gradient(145deg,#214780,#0b1e4e);box-shadow:0 2px 0 #76b6ed,0 7px 0 #061735,0 18px 28px #020617aa,inset 0 1px 0 #e0f2fe80}
.core-embed .limbo-carousel::before{content:'';position:absolute;inset:18% 5%;border-radius:50%;background:radial-gradient(ellipse,#38bdf84d,transparent 65%);opacity:var(--reel-energy,0);transform:scale(calc(.6 + var(--reel-energy,0) * .4));pointer-events:none}
.core-embed .board[data-animating=true] .crash-svg circle{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 13px #34d399)}
.core-embed .board[data-animating=true] .crash-svg{background-position:0 0;animation:flight-grid 1.5s linear infinite}
@keyframes flight-grid{to{background-position:-32px 32px}}
@media(prefers-reduced-motion:reduce){.core-embed .grid .tile[data-reveal]::before,.core-embed .grid .tile[data-reveal]::after,.core-embed .keno-grid .tile[data-reveal],.core-embed .wheel-wrap[data-landed=true]::after,.core-embed .board[data-animating=true] .crash-svg{animation:none}.core-embed .grid .tile[data-reveal]::after,.plinko-halo,.plinko-ripple{display:none}}

/* Dealer flicks and angled roulette use the same card and wheel footprints. */
.core-embed .card[data-entering=true]{z-index:3;box-shadow:0 2px 0 #aec5de,0 4px 0 #385578,12px 20px 20px #02061766;filter:brightness(calc(1 + var(--reveal-energy,0) * .2));transform-origin:75% 75%}
.core-embed .wheel-wrap{transform:perspective(800px) rotateX(31deg);transform-style:preserve-3d;filter:drop-shadow(0 19px 7px #020617aa);overflow:clip;overflow-clip-margin:20px}
.core-embed .wheel{box-shadow:0 0 0 3px #8db0ce,0 0 0 8px #173c61,0 12px 0 8px #05132a,0 15px 0 7px #315b80,inset 0 0 0 6px #030f2566,inset 0 0 22px #02061799}
.core-embed .wheel-hub{box-shadow:0 6px 0 #071a32,0 8px 14px #020617bb,inset 0 2px 4px #fff9;background:radial-gradient(ellipse at 35% 25%,#b0def3,#244d73 45%,#0b203b)}
.core-embed .wheel-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(155deg,#e0f2fe38,transparent 40%,#02061755);pointer-events:none;z-index:2}
.core-embed .mines-grid .tile[data-reveal=gem]{animation:gem-tile-impact .42s ease-out both}
@keyframes gem-tile-impact{0%{box-shadow:inset 0 0 24px #b5ffe7,0 0 18px #00ff8588}100%{box-shadow:0 3px 0 #042c24,inset 0 1px 0 #bcffe3aa,0 0 12px #00ff8533}}
.core-embed .keno-grid .tile[data-reveal]::before{content:'';position:absolute;inset:0;border:2px solid #d1fae5;border-radius:inherit;pointer-events:none;animation:keno-ring .5s ease-out both}
@keyframes keno-ring{0%{opacity:1;transform:scale(.65)}100%{opacity:0;transform:scale(1.15)}}
.core-embed .crash-svg .crash-rocket{filter:drop-shadow(0 2px 2px #02061788)}
.core-embed .crash-svg .crash-rocket path{stroke:none;filter:none}
.core-embed .crash-svg .rocket-window{stroke:#7dd3fc;stroke-width:1.5;filter:none}
.rocket-exhaust,.rocket-exhaust-core{transform-box:fill-box;transform-origin:right center;opacity:0}
.crash-rocket[data-phase=running] .rocket-exhaust{opacity:1;animation:rocket-flame .14s ease-in-out infinite alternate}
.crash-rocket[data-phase=running] .rocket-exhaust-core{opacity:1;animation:rocket-flame .1s ease-in-out infinite alternate-reverse}
.crash-rocket[data-phase=complete] .rocket-body{fill:#fda4af}.crash-rocket[data-phase=complete] .rocket-fins{fill:#e34971}
@keyframes rocket-flame{from{transform:scaleX(.7) scaleY(.85)}to{transform:scaleX(1.15) scaleY(1.05)}}
@media(prefers-reduced-motion:reduce){.core-embed .mines-grid .tile[data-reveal],.core-embed .keno-grid .tile[data-reveal]::before,.crash-rocket[data-phase=running] .rocket-exhaust,.crash-rocket[data-phase=running] .rocket-exhaust-core{animation:none}}

/* Embedded phone layouts: reserve readable boards before allocating controls.
   Width-based minimums remain stable when the browser toolbar or scroll changes. */
@media(max-width:700px){
 .core-embed body .game{height:max(var(--core-card-height,560px),var(--phone-card-min,500px));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 192px}
 .core-embed body .controls{height:192px;padding:6px 8px;grid-template-rows:56px 44px 44px 18px;row-gap:5px}
 .core-embed .stake-field,.core-embed .setting-field{grid-template-rows:14px 38px;gap:3px}
 .core-embed .controls .input-group,.core-embed .controls select,.core-embed .controls input{height:38px}
 .core-embed .controls .input-group input{height:36px}
 .core-embed .controls .status{height:18px;line-height:18px}
 .core-embed body .collection-table{padding:6px 8px;grid-template-rows:42px minmax(0,1fr) 38px 20px;gap:2px}
 .core-embed body .board{padding:0;min-height:0;height:100%;max-height:none}
 .core-embed .round-result{height:38px}
 .core-embed .round-result #result{height:22px;min-height:22px;line-height:22px;font-size:19px}
 .core-embed .round-result #detail{height:16px;min-height:0;line-height:16px;font-size:10px}
 .core-embed .paytable{height:20px;min-height:20px}
 .core-embed .table-top .mini-label{font-size:7px;letter-spacing:0}
 .core-embed #speed.speed-toggle{flex-basis:112px;min-width:112px;width:112px}

 /* Dice metrics have a reserved row, never underneath the stake panel. */
 .core-embed body:not([data-game]) .game{--phone-card-min:500px}
 .core-embed body:not([data-game]) .table{padding:6px 8px 10px;grid-template-rows:42px minmax(70px,1fr) 80px 62px;gap:4px;overflow:hidden}
 .core-embed body:not([data-game]) .controls{grid-template-areas:'amount amount' 'action action' 'tools tools' 'status status'}
 .core-embed .metrics{height:62px;align-self:end;gap:5px}
 .core-embed .metrics>div{min-width:0}
 .core-embed .metrics label{height:18px;margin:0 0 4px;font-size:9px;white-space:nowrap}
 .core-embed .metrics input,.core-embed .metric-input{height:38px}
 .core-embed .metric-input input{height:36px;padding:6px 4px}
 .core-embed .metric-input>span{padding-right:4px;font-size:12px}
 .core-embed .dice-rail{margin-top:30px}
 .core-embed .range-caption{margin:12px 0 0}

 .core-embed body[data-game=plinko] .game{--phone-card-min:calc(82vw + 290px)}
 .core-embed body[data-game=mines] .game{--phone-card-min:calc(90vw + 290px)}
 .core-embed body[data-game=keno] .game{--phone-card-min:calc(62.5vw + 300px)}
 .core-embed .mines-grid{width:100%;height:min(100cqh,100cqw);gap:5px}
 .core-embed .keno-grid{width:100%;height:min(100cqh,calc(100cqw / 1.6));gap:4px}
 .core-embed .keno-grid .tile{font-size:clamp(11px,3.3vw,14px);font-weight:600}
 .core-embed .plinko{width:100%;height:100%;max-height:100%}

 /* One shared action area keeps Hi/Lo positions fixed without an empty deal row. */
 .core-embed body[data-game=hilo] .game{--phone-card-min:570px;grid-template-rows:minmax(0,1fr) 241px}
 .core-embed body[data-game=hilo] .controls{height:241px;grid-template-rows:56px 88px 44px 18px;grid-template-areas:'amount amount' 'action action' 'tools tools' 'status status'}
 .core-embed body[data-game=hilo] .controls #play{grid-area:action;height:44px;align-self:center}
 .core-embed body[data-game=hilo] .controls #play{visibility:visible}
 .core-embed body[data-game=hilo] #actions:not(:has(button[data-available=true])){visibility:hidden}
 .core-embed body[data-game=hilo] .controls:has(#actions button[data-available=true]) #play{visibility:hidden}
 .core-embed body[data-game=hilo] .controls:has(#recover:not([hidden])) #play{visibility:hidden}
 .core-embed body[data-game=hilo] .board{--card-width:min(144px,42cqw,calc((100cqh - 32px) / 1.44))}
 .core-embed body[data-game=hilo] .cards{height:calc(var(--card-width) * 1.44);min-height:0;padding:0}
 .core-embed body[data-game=hilo] .card{height:calc(var(--card-width) * 1.44);min-height:0;max-height:none;font-size:clamp(26px,9vw,42px)}

 /* Both Blackjack hands receive real rows; cards cannot be clipped by controls. */
 .core-embed body[data-game=blackjack] .game{--phone-card-min:610px}
 .core-embed body[data-game=blackjack] .board{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:4px;--card-width:min(88px,24cqw,calc((50cqh - 28px) / 1.44))}
 .core-embed body[data-game=blackjack] .board>.cards{grid-row:1 / -1;align-self:center}
 .core-embed body[data-game=blackjack] .hand{height:100%;padding:0 2px;min-height:0}
 .core-embed body[data-game=blackjack] .hand-label{height:18px;line-height:18px;margin:0;font-size:10px}
 .core-embed body[data-game=blackjack] .hands{height:100%;min-height:0;gap:4px;align-items:stretch}
 .core-embed body[data-game=blackjack] .cards{min-height:0;height:calc(var(--card-width) * 1.44);padding:2px 0;max-width:100%}
 .core-embed body[data-game=blackjack] .card{height:calc(var(--card-width) * 1.44);min-height:0;max-height:none;font-size:clamp(24px,7vw,32px)}
 .core-embed body[data-game=blackjack] .hands:has(.hand:nth-child(2)){--card-width:min(72px,19cqw,calc((50cqh - 28px) / 1.44))}
 /* Retain roulette's separate chip row. */
 .core-embed body[data-game=roulette] .game{grid-template-rows:minmax(0,1fr) 244px}
 .core-embed body[data-game=roulette] .controls{height:244px;grid-template-rows:61px 28px 44px 44px 22px}
}