/* Native interactive chip buttons, scoped to the game amount controls. */
.bet-panel{container-type:inline-size}.bet-panel-heading{align-items:flex-start;gap:12px}.bet-panel-heading>.badge{flex-shrink:0;margin-top:4px}.bet-period{min-width:0;flex:1}.bet-period>.eyebrow{margin-bottom:14px}.bet-panel .game-live{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0;flex-wrap:wrap}.bet-panel .game-live h2.stat-label{font-size:15px;font-weight:500;color:var(--dim);margin:0 0 8px;line-height:1.5}.bet-panel .game-live .count{font-size:33px;color:var(--gold);line-height:1.2;white-space:nowrap;letter-spacing:-1px}.bet-panel .game-live>span{font-size:12px;line-height:1.7;color:var(--muted);flex-basis:100%;margin-top:-5px}.game-overview{min-height:235px}.game-overview>p{max-width:61%}
.chip-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center;justify-items:center;margin:23px 1px 26px;padding:3px 0}.chip-quick.six-chips{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:19px}.bet-chip{--chip:#295c9f;--chip-bright:#457fc5;--chip-dark:#1c4478;--chip-rim:#e0e6ed;position:relative;isolation:isolate;display:grid;place-items:center;flex:none;box-sizing:border-box;width:100%;max-width:72px;aspect-ratio:1;min-width:0;min-height:0;border:0;border-radius:50%;padding:0;background:repeating-conic-gradient(from -11deg,var(--chip-rim) 0deg 18deg,var(--chip) 18deg 45deg);color:#fff9ef;font-family:var(--font);cursor:pointer;outline:2px solid transparent;outline-offset:4px;box-shadow:0 4px 0 var(--chip-dark),0 7px 12px #10160e35;transition:transform .2s var(--ease),outline-color .2s,box-shadow .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bet-chip::before{content:"";position:absolute;z-index:-1;inset:10%;border:2px solid var(--chip-rim);border-radius:50%;background:radial-gradient(ellipse at 30% 15%,var(--chip-bright),var(--chip-dark));box-shadow:0 0 0 3px var(--chip)}.bet-chip::after{content:"";position:absolute;z-index:-1;inset:23%;border:1px solid var(--chip-rim);border-radius:50%;opacity:.7}.chip-face{font-size:19px;line-height:1;font-weight:700;letter-spacing:-.5px;text-shadow:0 1px 1px #0003;white-space:nowrap;max-width:100%;pointer-events:none}.bet-chip.on{outline-color:var(--gold);transform:translateY(-3px);box-shadow:0 4px 0 var(--chip-dark),0 8px 19px #e5c68126}.bet-chip:focus-visible{outline:3px solid #fff3c8;outline-offset:5px}.bet-chip:active:not(:disabled){transform:translateY(1px) scale(.96)}.bet-chip:disabled{cursor:not-allowed;opacity:.32;filter:saturate(.4);box-shadow:none}.chip-check{display:none}.chip-blue{--chip:#376cd2;--chip-bright:#4b84ed;--chip-dark:#2750a0;--chip-rim:#d6e4fd}.chip-violet{--chip:#a942b8;--chip-bright:#c967d7;--chip-dark:#873093;--chip-rim:#f7e0f6}.chip-green{--chip:#176d3b;--chip-bright:#2b8d4f;--chip-dark:#10502c;--chip-rim:#d8e9d0}.chip-navy{--chip:#1b396a;--chip-bright:#35588b;--chip-dark:#112950;--chip-rim:#e0e5ec}.chip-red{--chip:#ae341e;--chip-bright:#ca5132;--chip-dark:#872a17;--chip-rim:#f6e4d5}.chip-sand{--chip:#977443;--chip-bright:#b18c58;--chip-dark:#715733;--chip-rim:#f1e6d6}.chip-rose{--chip:#a25a52;--chip-bright:#bb756b;--chip-dark:#7e4541;--chip-rim:#efd9d3}.chip-teal{--chip:#538e8b;--chip-bright:#7ba9a1;--chip-dark:#3b706d;--chip-rim:#e1eeeb}.chip-slate{--chip:#547e8e;--chip-bright:#719daa;--chip-dark:#3f626d;--chip-rim:#e0edf0}.chip-mauve{--chip:#a0696a;--chip-bright:#bb8987;--chip-dark:#7f5154;--chip-rim:#f0dfdf}.chip-gold{--chip:#bd8a20;--chip-bright:#d1a238;--chip-dark:#926618;--chip-rim:#f5e8cd}.chip-gold .chip-face{font-size:16px}
.chip-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(800px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:30px 32px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:linear-gradient(145deg,#303a2a,#252e22);color:var(--text);border:1px solid #6a7855;border-radius:25px;box-shadow:0 30px 100px #0008}.chip-dialog::backdrop{background:#10160ee3;backdrop-filter:blur(7px)}.chip-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.chip-dialog h2{font-size:30px;margin:8px 0 0}.chip-dialog-heading .icon-btn{font-size:26px;flex:none}.chip-dialog-intro{font-size:15px;color:var(--dim);margin:16px 0 25px}.chip-dialog fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.chip-dialog legend{font-size:15px;color:var(--dim);margin-bottom:21px}.chip-dialog legend small{font-family:var(--mono);margin-left:6px;color:var(--muted)}.chip-options-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px}.chip-option{display:flex;flex-direction:column;align-items:center;min-width:0;padding:3px 0 10px;gap:23px}.chip-option .bet-chip{max-width:96px}.chip-option .chip-face{font-size:26px}.chip-option .chip-gold .chip-face{font-size:18px}.chip-option .chip-check{display:grid;place-items:center;position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:23px;height:23px;border-radius:50%;background:#141d13;border:2px solid #303a2a;color:transparent;box-sizing:content-box}.chip-option .chip-check .icon{width:16px;height:16px;stroke-width:3}.chip-option .on .chip-check{color:#123325;background:#67b78a}.custom-chip-input{width:100%;max-width:112px;min-width:0;border:1px solid #59654b;border-radius:20px;padding:10px 8px;box-sizing:border-box;background:#1f281c;color:var(--text);text-align:center;font-size:15px;outline:none}.custom-chip-input:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px #e5c68128}.custom-chip-input::placeholder{font-size:13px;color:#b1bca7}.chip-dialog-footer{position:sticky;bottom:0;padding:19px 0 24px;background:#293324f5;border-top:1px solid #5f6f4c;backdrop-filter:blur(12px);z-index:3}.chip-selection-status{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--dim);font-size:13px}.chip-selection-status b{color:var(--gold)}.chip-dialog .field-error:empty{margin:0}.chip-dialog .field-error{min-height:0;margin:12px 0}.chip-dialog-footer .btn{display:flex;width:240px;max-width:100%;margin:15px auto 0;min-height:50px;align-items:center;justify-content:center;gap:10px}.chip-dialog-footer .btn.is-success{width:50px}.chip-dialog .field-error{font-size:14px}
@container(max-width:310px){.chip-quick{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.bet-chip{max-width:64px}.chip-face{font-size:18px}.chip-gold .chip-face{font-size:14px}.bet-panel .game-live .count{font-size:30px}}
@media(hover:hover) and (pointer:fine){.bet-chip:hover:not(:disabled){transform:translateY(-4px);outline-color:#e5c68180}.bet-chip.on:hover{outline-color:var(--gold)}}
@media(max-width:760px){.game-overview{min-height:218px}.bet-period>.eyebrow{margin-bottom:12px}.bet-panel .game-live .count{font-size:31px}.chip-quick{gap:10px;margin-top:22px}.chip-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:23px 20px 0;border-radius:22px}.chip-dialog h2{font-size:25px}.chip-dialog-intro{font-size:14px;line-height:1.8;margin:13px 0 24px}.chip-options-grid{gap:25px 12px}.chip-option{gap:20px}.chip-option .chip-face{font-size:19px}.chip-option .chip-gold .chip-face{font-size:14px}.custom-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 18px}.custom-chip-grid .bet-chip{max-width:80px}.chip-option .chip-check{width:19px;height:19px;bottom:-11px}.chip-option .chip-check .icon{width:14px;height:14px}.chip-dialog-footer{padding-bottom:18px}.chip-selection-status{font-size:12px;gap:8px}.chip-dialog-footer .btn{width:100%;min-height:49px}.chip-dialog-footer .btn.is-success{width:49px}.custom-chip-input{font-size:15px}.chip-dialog legend{font-size:14px}.chip-dialog .field-error{font-size:13px}}
@media(max-width:370px){.chip-options-grid:not(.custom-chip-grid){column-gap:8px}.chip-option .chip-face{font-size:16px}.chip-option .chip-gold .chip-face{font-size:13px}.chip-dialog{padding-inline:15px}.chip-check{outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.bet-chip{transition:none}.chip-dialog::backdrop{backdrop-filter:none}}
.chip-dialog .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}