/* Round receipt: a quiet, shared bottom section for JackPot and Battle. */
.bet-receipt{flex:none;min-width:0;margin: auto 0 0;padding:18px 14px 16px;border:1px solid #eeebe7;border-radius:14px;background:linear-gradient(135deg,#fff,#fdfcfb);color:#202125}
.bet-receipt h3{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.2px}
.bet-receipt h3 svg{width:20px;height:20px;flex:none}
.bet-receipt-value{display:block;margin:14px 0 17px;font-size:19px;line-height:1.45;font-weight:650;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#bet-tickets{font-size:clamp(14px,1vw,18px);min-height:26px}
#bet-tickets:empty::after{content:'—'}
.bet-receipt-details{display:flex;flex-direction:column;gap:10px;margin:0;padding:15px 0 0;border-top:1px solid #eeebe7;font-size:12px;line-height:1.5}
.bet-receipt-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.bet-receipt-details dt{color:#83848e}
.bet-receipt-details dd{margin:0;text-align:right;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.layout--focused-bet #bet-button,.layout--focused-bet #battle-play{flex:none;margin-top:18px;min-height:52px;height:auto;padding:14px 10px;font-size:14px;line-height:1.4}
.layout--focused-bet .bet-rules-link{display:flex;align-items:center;gap:12px;flex:none;width:100%;margin:18px 0 0;padding:18px 0 2px;border:0;border-top:1px solid #eeebe7;border-radius:0;background:none;color:#83848e;font-size:12px;font-weight:400;text-align:left;cursor:pointer}
.bet-rules-link svg{width:17px;height:17px}
.bet-rules-link:hover{color:var(--orange)!important}
.bet-rules-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.layout--focused-bet #bet-error:empty,.layout--focused-bet #battle-error:empty{display:none}
.layout--focused-bet #bet-error:not(:empty),.layout--focused-bet #battle-error:not(:empty){margin:10px 0 0;line-height:1.45}
.battle-receipt{--receipt-team:#ff641c}
.battle-receipt[data-receipt-team="teal"]{--receipt-team:#009ea9}
.battle-receipt-team{display:flex;align-items:center;gap:8px;font-size:17px;color:var(--receipt-team)}
.battle-receipt-team i{width:9px;height:9px;flex:none;border-radius:50%;background:currentColor}
.battle-receipt .battle-personal{margin:10px 0 0;gap:10px;font-size:12px;line-height:1.5}
.battle-receipt .battle-personal>span{gap:10px;align-items:baseline;color:#83848e}
.battle-receipt .battle-personal b{color:#202125;text-align:right;font-variant-numeric:tabular-nums}
.battle-receipt .battle-personal small{margin-top:2px;font-size:10px;line-height:1.5;color:#99979b}
.is-battle-bet .battle-choice{margin-bottom:22px}
@media(min-width:761px){
 .layout--focused-bet .bet-card{padding-bottom:26px}
 .layout--focused-bet #bet-form{min-height:380px}
 .layout--focused-bet .is-battle-bet{padding-bottom:26px}
 .layout--focused-bet .is-battle-bet #battle-form{min-height:630px}
}
@media(max-width:760px){
 /* Keep the entire receipt reachable on phones, without a fixed panel covering the game. */
 .layout--focused-bet:not(.layout--bonuses)>.main-column{display:contents}
 .layout--focused-bet:not(.is-secondary-mode) .game-card{order:0;width:100%}
 .layout--focused-bet:not(.is-secondary-mode) .bet-card{position:static;inset:auto;order:1;display:flex;flex-direction:column;width:100%;max-width:none;margin:12px 0 0;padding:20px 18px;border:0;border-radius:22px;background:#fff;box-shadow:none;backdrop-filter:none;z-index:auto}
 .layout--focused-bet:not(.is-secondary-mode) .bet-title{display:flex;margin:0 0 20px}
 .layout--focused-bet:not(.is-secondary-mode) .bet-title h2{font-size:20px}
 .layout--focused-bet #bet-form{display:flex;flex-direction:column;gap:0}
 .layout--focused-bet #bet-form>label{display:block;margin:0 0 9px;font-size:13px}
 .layout--focused-bet #bet-form .amount-input{height:60px;width:100%;padding:0 15px}
 .layout--focused-bet #bet-form .amount-input input{font-size:30px}
 .layout--focused-bet #bet-form .quick-actions{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 20px;gap:8px}
 .layout--focused-bet #bet-form .quick-actions button{display:block;height:40px}
 .layout--focused-bet .bet-receipt{margin-top:0;padding:16px}
 #bet-tickets{font-size:18px}
 .layout--focused-bet:not(.is-secondary-mode) .participants-card{order:2;width:100%;margin-top:12px}
 .layout--focused-bet:not(.is-secondary-mode) .history-card{order:3;width:100%}
 .layout--focused-bet:not(.is-secondary-mode) .footer{order:4;padding-bottom:90px}
 body:not(.is-bonuses) .chat-launcher{bottom:calc(18px + env(safe-area-inset-bottom))}
}

/* One amount control geometry for all three game forms. */
.layout--focused-bet{--bet-padding:26px 22px;--bet-input-height:76px;--bet-input-font:38px;--bet-action-height:46px;--bet-title-gap:32px;--bet-title-height:48px}
.layout--focused-bet .sidebar :is(.bet-card,.mode-bet-card){padding:var(--bet-padding)}
.layout--focused-bet .sidebar .bet-title{height:var(--bet-title-height);min-height:var(--bet-title-height);flex:none;gap:10px;margin:0 0 var(--bet-title-gap)}
.layout--focused-bet .sidebar .bet-title h2{font-size:20px;line-height:1.2;text-wrap:balance}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>label{font-size:14px;line-height:21px;margin:0 0 12px}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.amount-input{height:var(--bet-input-height);flex:none;width:100%;padding:0 18px;border-radius:14px}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.amount-input input{font-size:var(--bet-input-font);font-weight:640;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.amount-input>span{font-size:calc(var(--bet-input-font) - 5px)}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 22px}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.quick-actions button{display:flex;align-items:center;justify-content:center;min-width:0;height:var(--bet-action-height);padding:0;font-size:18px;border-radius:10px}
.layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.quick-actions .bet-max{font-size:12px;font-weight:650;letter-spacing:.2px}
.layout--focused-bet .quick-actions .bet-clear svg{width:19px;height:19px}
.layout--focused-bet .quick-actions button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.layout--focused-bet .bet-receipt-value{min-height:28px}

/* A result replaces the banner contents inside an already reserved footprint. */
.layout--focused-bet #round-banner{height:100px;min-height:100px;flex:none}
.layout--focused-bet .battle-banner{height:112px;min-height:112px;flex:none}
.layout--focused-bet .battle-rosters>div{min-height:71px}
.layout--focused-bet .roster-person{min-height:71px}

@media(min-width:761px) and (max-width:1000px){
 .layout--focused-bet{--bet-padding:22px 16px;--bet-input-height:66px;--bet-input-font:32px;--bet-title-gap:25px}
 .layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.amount-input{padding:0 13px}
 .layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.quick-actions{gap:6px}
}
@media(max-width:760px){
 .layout--focused-bet{--bet-padding:20px 18px;--bet-input-height:60px;--bet-input-font:30px;--bet-action-height:42px;--bet-title-gap:20px;--bet-title-height:30px}
 .layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.amount-input{padding:0 15px}
 .layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>label{display:block;font-size:13px;line-height:20px;margin-bottom:9px}
 .layout--focused-bet :is(#bet-form,#battle-form,#dice-form)>.quick-actions{margin:10px 0 20px}
 .layout--focused-bet #round-banner{height:100px;min-height:100px}
}
@media(max-width:760px){
 .layout--focused-bet:not(.is-secondary-mode) .bet-card{border:1px solid #ffffffb8}
}