/* Purple interval follows APVEXCrash.color(): 3 <= x < 7. */
.app .rf-game-crash .cr-pill.cr-purple{background:#8655cb24;color:#c9a1ff;border-color:#ac7ee945;box-shadow:inset 0 1px #dfcbff0c}
.app .rf-game-crash [data-phase=flying][data-multiplier-color=purple] .cr-reading strong{color:#c9a1ff}
/* One fixed screen, with current participants below the wheel and controls. */
.app .gf-root[data-fit-game=wheel]{overflow:hidden;gap:6px}
.gf-root[data-fit-game=wheel] .wh-toolbar{height:22px;min-height:22px;gap:10px}.wh-toolbar>span{flex:1}.wh-toolbar button{display:grid;place-items:center;padding:0;flex:0 0 20px}.wh-toolbar #wh-proof .ui-icon{width:17px;height:17px}
.gf-root[data-fit-game=wheel] .wh-connection{font-size:9px;padding:2px 5px;color:#a7a8b1}.gf-root[data-fit-game=wheel] #wh-refresh{display:none}
.gf-root[data-fit-game=wheel] .wh-panel{display:flex;flex-direction:column;padding:7px;gap:5px}.gf-root[data-fit-game=wheel] :is(.wh-panel-title,.wh-label,.wh-add,.wh-quote){display:none!important}
.gf-root[data-fit-game=wheel] .wh-panel .wh-play{min-height:38px!important;font-size:13px}.gf-root[data-fit-game=wheel] #wh-message:empty{display:none}.gf-root[data-fit-game=wheel] #wh-message{min-height:0;font-size:9px;line-height:1.25}
.gf-root[data-fit-game=wheel] .wh-stage{min-height:85px!important}.gf-root[data-fit-game=wheel] .wh-counter>strong{font-size:clamp(23px,4.5vh,45px)}
.wh-live{display:flex;flex-direction:column;flex:0 0 clamp(90px,calc(var(--gf-height)*.25),190px);min-height:0;overflow:hidden;gap:5px}
.wh-live h2{font-size:11px;line-height:1.3;font-weight:700;margin:0 2px;color:#a8a9b2;flex-shrink:0}.wh-live h2 b{color:#eeeef2}
/* Multiplier strips: quiet surfaces, clear figures, compact participant rows. */
.wh-live-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:1;min-height:0;overflow:hidden}
.wh-strip{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #ffffff08;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--wh-color) 9%,#212225),#202124 100px);box-shadow:inset 0 1px #ffffff07}
.wh-strip>header{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:9px 8px 6px;color:var(--wh-color)}
.wh-strip>header strong{font-size:16px;line-height:1.05;letter-spacing:-.4px}.wh-strip>header>span{display:flex;align-items:center;gap:2px;font-size:10px;color:#a9aab4;font-variant-numeric:tabular-nums}.wh-strip>header .ui-icon{width:10px;height:10px;opacity:.7}
.wh-strip-total{display:flex;align-items:baseline;gap:3px;padding:0 8px 7px;color:#f3f4f6;font-size:14px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-strip-total small{font-size:9px;font-weight:500;color:#8f909a}
.wh-strip-meter{flex:0 0 2px;height:2px;background:#ffffff06;margin:0 8px 4px;border-radius:3px;overflow:hidden}.wh-strip-meter>i{display:block;height:100%;background:var(--wh-color);border-radius:3px;opacity:.85;transition:width .25s}
.wh-strip-bets{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 5px 4px}
.wh-strip-bets::-webkit-scrollbar{width:0;height:0}
.wh-strip-player{display:flex;align-items:center;justify-content:space-between;gap:3px;flex-wrap:wrap;min-height:29px;padding:6px 3px;border-bottom:1px solid #ffffff05;min-width:0}.wh-strip-player:last-child{border-bottom:0}.wh-strip-player.wh-own{background:color-mix(in srgb,var(--wh-color) 10%,transparent);border-radius:6px}
.wh-strip-player>div{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.wh-strip-player b{font-size:10px;line-height:1.25;color:#a3a4af;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.wh-strip-avatar{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:var(--wh-color);font-size:0;opacity:.65}.wh-strip-player.wh-own .wh-strip-avatar{opacity:1}.wh-strip-player.wh-own b{color:#f2f3f6;font-weight:700}
.wh-strip-player>strong{display:block;font-size:11px;line-height:1.2;margin:0;color:#e9eaef;font-weight:750;font-variant-numeric:tabular-nums}
.wh-strip-result{display:block;flex:1 0 100%;font-size:8px;color:#878894;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-strip-player[data-status=won] .wh-strip-result{color:var(--wh-color)}
.wh-strip-empty{font-size:10px!important;text-align:center;color:#6f707b;padding:14px 0;margin:0}.wh-list-limit{font-size:8px;margin:0;text-align:center;color:#8e8f9a}
@media(min-width:960px){.wh-live-list{gap:12px}.wh-strip{border-radius:17px}.wh-strip>header{padding:12px 14px 7px}.wh-strip>header strong{font-size:21px}.wh-strip>header>span{font-size:11px}.wh-strip-total{padding:0 14px 10px;font-size:20px}.wh-strip-total small{font-size:11px}.wh-strip-meter{margin:0 14px 5px}.wh-strip-bets{padding:0 10px 6px}.wh-strip-player{min-height:34px;padding:8px 4px;gap:8px}.wh-strip-player b{font-size:12px}.wh-strip-player>strong{font-size:13px}.wh-strip-avatar{width:6px;height:6px;flex-basis:6px}.wh-strip-player>div{gap:7px}.wh-strip-result{font-size:9px}}
.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip>header{padding:6px 6px 4px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip>header strong{font-size:14px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip-total{padding:0 6px 5px;font-size:12px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip-meter{margin-left:6px;margin-right:6px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip-player{min-height:26px;padding:5px 2px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip-player b{font-size:9px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-strip-player>strong{font-size:10px}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-strip>header{padding:3px 6px 2px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-strip-total,.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-strip-meter{display:none}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-strip-player{min-height:22px;padding:3px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-strip-bets{padding-top:0}
.gf-root[data-fit-game=wheel] #wh-gift-pick{min-height:35px;height:35px;text-align:left;width:100%;padding:7px 10px;border:1px solid #3e3f46;background:#222326;border-radius:10px;color:#c2c3cc;font-size:11px}
.gf-root[data-fit-game=wheel] #wh-pending{padding:4px 6px;background:#242528;border:1px solid #ffffff0d;border-radius:8px;color:#9a9ba5}.gf-root[data-fit-game=wheel] #wh-pending p{font-size:9px}.gf-root[data-fit-game=wheel] #wh-pending button{font-size:9px;min-height:22px;padding:4px;background:none;border:0;color:#c2c3cc}
#wh-gift-dialog #rf-item-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:42dvh;overflow:auto}#wh-gift-dialog #rf-item-options>button{padding:7px 4px;font-size:9px;border:1px solid #404149;border-radius:12px;min-width:0;background:#28292f;color:#ddd}#wh-gift-dialog #rf-item-options>button.selected{border-color:#ffb36e;background:#ff922e12}#wh-gift-dialog .gift-art{display:block;width:55px;height:55px;margin:auto}#wh-gift-dialog b{display:block;color:#ffbb80;margin-top:3px}#wh-gift-done{width:100%;padding:12px;border-radius:12px;margin-top:12px}
.gf-root[data-fit-wide=true][data-fit-game=wheel] .gf-controls{overflow:visible}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-live{flex-basis:94px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-panel{gap:4px;padding:6px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-color{min-height:27px;padding:5px}.gf-root[data-fit-short=true][data-fit-game=wheel] .wh-play{min-height:36px!important}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;gap:3px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-live{flex-basis:58px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-player{min-height:40px;padding:4px 8px}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .gf-layout{min-height:0}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>.rf-currency{grid-column:1}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>:is(#rf-coins,#wh-gift-pick){grid-column:2;min-width:0}.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>:is(.wh-colors,.wh-play,#wh-message,#wh-pending){grid-column:1/-1}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .gf-layout{grid-template-rows:minmax(0,1fr)}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .gf-controls{min-height:0;height:100%;padding:3px!important;justify-content:center}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel{gap:2px;min-height:0;border:0}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>.rf-currency{grid-column:1!important;grid-row:1;min-height:27px;padding:1px!important}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>.rf-currency button{font-size:9px;min-height:23px;padding:2px!important}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>:is(#rf-coins,#wh-gift-pick){grid-column:2!important;grid-row:1}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel .control-row{height:27px!important;min-height:27px!important;padding:1px 5px!important}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>.wh-colors{grid-row:2}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-color{min-height:23px;height:23px;padding:3px;font-size:10px}
.gf-root[data-fit-wide=true][data-fit-short=true][data-fit-game=wheel] .wh-panel>#wh-play{grid-row:3;min-height:29px!important;height:29px!important;padding:4px;font-size:11px}

/* Give the bets more room without introducing page scrolling. */
.app .gf-root[data-fit-game=wheel] .wh-live{flex-basis:clamp(130px,calc(var(--gf-height)*.30),230px);gap:7px}
.app .gf-root[data-fit-game=wheel] .wh-live h2{font-size:11px;font-weight:500;color:#858791;display:flex;align-items:baseline;gap:4px}.app .gf-root[data-fit-game=wheel] .wh-live h2 b{font-weight:750;color:#c9cad2}
.app .gf-root[data-fit-game=wheel] .wh-stage{border:1px solid #ffffff08;border-radius:22px;background:radial-gradient(ellipse at 50% 50%,#37303926,transparent 66%),#1c1d20;box-shadow:inset 0 1px #ffffff04}
.app .gf-root[data-fit-game=wheel] .wh-panel{border:1px solid #ffffff0b;border-radius:18px;background:#202124;padding:8px;gap:5px;box-shadow:none}
.app .gf-root[data-fit-game=wheel] .wh-panel .rf-currency{background:#191a1d;border:0;border-radius:10px;padding:3px;min-height:28px}.app .gf-root[data-fit-game=wheel] .wh-panel .rf-currency button{min-height:22px;padding:4px;font-size:11px;border:0;border-radius:7px;color:#90919b}.app .gf-root[data-fit-game=wheel] .wh-panel .rf-currency .selected{background:#303135;color:#f2f3f6;box-shadow:inset 0 1px #ffffff09}
.app .gf-root[data-fit-game=wheel] .wh-color{background:color-mix(in srgb,var(--wh-color) 7%,#202124);border:1px solid color-mix(in srgb,var(--wh-color) 14%,transparent);min-height:29px;padding:6px 3px;border-radius:9px;font-size:12px;box-shadow:none}.app .gf-root[data-fit-game=wheel] .wh-color[aria-pressed=true]{border-color:color-mix(in srgb,var(--wh-color) 64%,transparent);background:color-mix(in srgb,var(--wh-color) 17%,#202124);box-shadow:inset 0 1px color-mix(in srgb,var(--wh-color) 20%,transparent)}
.app .gf-root[data-fit-game=wheel] .wh-panel .control-row{height:34px!important;min-height:34px!important;border-radius:10px!important;background:#191a1d;border:1px solid #ffffff08;padding:4px 9px!important}.app .gf-root[data-fit-game=wheel] #stake{font-weight:750!important;font-variant-numeric:tabular-nums;color:#f4f5f7!important}
.app .gf-root[data-fit-game=wheel] .wh-panel .wh-play{border-radius:11px!important;min-height:38px!important;box-shadow:none!important}.app .gf-root[data-fit-game=wheel] .wh-panel .wh-play:disabled{opacity:1;background:#2b2c30!important;color:#898b96!important;border:1px solid #ffffff07!important}
.app .gf-root[data-fit-game=wheel][data-fit-wide=true] .wh-panel{padding:0;background:none;border:0}
.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-live{flex-basis:58px;gap:4px}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .rf-currency{grid-column:1!important;min-height:25px;padding:1px!important}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .rf-currency button{min-height:21px;font-size:9px;padding:2px!important}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .control-row{height:25px!important;min-height:25px!important}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .wh-color{height:23px;min-height:23px;padding:3px;font-size:10px}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel #wh-play{height:29px!important;min-height:29px!important}
/* Compact phones share the first control row between source and amount. */
.app .gf-root[data-fit-game=wheel] .wh-panel .rf-currency{height:30px}
.app .gf-root[data-fit-game=wheel] .wh-panel .rf-currency button{height:24px;line-height:16px;padding:3px!important}
.app .gf-root[data-fit-game=wheel] #stake{-moz-appearance:textfield;appearance:textfield}
.app .gf-root[data-fit-game=wheel] #stake::-webkit-inner-spin-button,.app .gf-root[data-fit-game=wheel] #stake::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.app .gf-root[data-fit-game=wheel] .wh-panel .wh-play{padding:8px 12px!important}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel>.rf-currency{grid-column:1;grid-row:1;height:32px;min-height:32px}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel .rf-currency button{font-size:10px;height:26px}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel>:is(#rf-coins,#wh-gift-pick){grid-column:2;grid-row:1;min-width:0}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel .control-row{height:32px!important;min-height:32px!important}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel>:is(.wh-colors,#wh-play,#wh-message,#wh-pending){grid-column:1/-1}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel>.wh-colors{grid-row:2}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-panel>#wh-play{grid-row:3}
.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .rf-currency{height:25px}.app .gf-root[data-fit-game=wheel][data-fit-wide=true][data-fit-short=true] .wh-panel .rf-currency button{height:21px;line-height:15px;padding:2px!important}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-counter>div{display:none}
.app .gf-root[data-fit-game=wheel][data-fit-short=true][data-fit-wide=false] .wh-counter>strong{font-size:25px}