/* V82: acabamento carregado por último para não disputar com regras legadas. */
.cap-game-page{background:radial-gradient(circle at 50% 18%,rgba(255,125,12,.13),transparent 31%),linear-gradient(180deg,#08090b 0%,#020304 62%,#080604 100%)!important}
.cap-game-stage::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,210,117,.1),inset 0 -90px 100px rgba(0,0,0,.24)}
.cap-game-heading{padding:10px 74px 11px!important;border:1px solid rgba(255,172,60,.18)!important;border-radius:0 0 20px 20px!important;background:linear-gradient(180deg,rgba(3,4,5,.86),rgba(3,4,5,.38),transparent)!important;backdrop-filter:blur(4px)}
.cap-game-eyebrow{font-family:system-ui,sans-serif!important;font-weight:900!important}
.cap-game-heading h1{font-family:Impact,"Arial Narrow Bold",system-ui,sans-serif!important;letter-spacing:.045em!important}
.cap-instruction{border-color:rgba(255,186,75,.4)!important;background:linear-gradient(180deg,rgba(20,16,12,.92),rgba(5,6,7,.94))!important}
.cap-instruction strong{color:#fff!important;letter-spacing:.055em!important}.cap-instruction span{color:#e7c89c!important}
.shuffle-state{color:#ffd881!important;letter-spacing:.09em!important;text-transform:uppercase}
.cap-main-button{overflow:hidden;border-color:#ffd06a!important;background:linear-gradient(180deg,#ffab27 0%,#f07800 48%,#a83e00 100%)!important;box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 24px rgba(255,137,12,.25),inset 0 1px 0 rgba(255,255,255,.42)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.cap-main-button::after{content:"";position:absolute;inset:1px 12% auto;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);pointer-events:none}
.cap-main-button:hover:not(:disabled),.cap-main-button:focus-visible{transform:translateY(-2px) scale(1.015)!important;filter:brightness(1.08);box-shadow:0 14px 34px rgba(0,0,0,.56),0 0 30px rgba(255,145,21,.34),inset 0 1px 0 rgba(255,255,255,.5)!important}
.cap-main-button:active:not(:disabled){transform:translateY(1px) scale(.99)!important}
.cap-main-copy strong{color:#fff!important;text-shadow:0 2px 3px rgba(81,23,0,.6)!important}.cap-main-copy small{color:#fff0cf!important;text-shadow:0 1px 2px rgba(81,23,0,.72)!important}
.cap-play-icon{color:#743000!important;background:#fff2cf!important;box-shadow:0 3px 10px rgba(74,20,0,.3)!important}
.cap-choice .cap-number{border-color:rgba(255,198,92,.5)!important;background:linear-gradient(180deg,rgba(25,23,21,.92),rgba(5,6,7,.94))!important;color:#ffe4ae!important}
.cap-choice:not(:disabled):hover .cap-number,.cap-choice:not(:disabled):focus-visible .cap-number,.cap-choice.selected .cap-number{color:#1a0d00!important;background:linear-gradient(180deg,#ffe497,#f3a41c)!important;border-color:#fff0b8!important}
.cap-utility-controls button{border-color:rgba(255,190,80,.44)!important;background:rgba(6,7,8,.72)!important;backdrop-filter:blur(8px)}
.cap-status{color:#d9c8ad!important}
.cap-main-button{gap:0!important}
.cap-main-copy{align-items:center!important;text-align:center!important}
@media(max-width:430px){.cap-game-heading{padding:8px 56px 9px!important;border-radius:0 0 15px 15px!important}.cap-game-heading>p:last-child{display:none!important}.cap-game-heading h1{font-size:1.2rem!important}.cap-main-controls{width:78%!important}.cap-status{width:92%!important}}
@media(prefers-reduced-motion:reduce){.cap-main-button,.cap-choice::before{transition:none!important}}

/* V83: seleção limpa, sem círculo, mancha ou sombreado sobre os bonés. */
.cap-choice::before{display:none!important}
.cap-choice,.cap-choice:hover,.cap-choice:focus-visible,.cap-choice.selected{filter:none!important;box-shadow:none!important}
.cap-prize-token{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;font-size:2.1rem!important;line-height:1!important}

/* V85: remove completamente a numeração abaixo dos bonés. */
.cap-choice .cap-number{display:none!important}

/* V91: início por toque, chamada móvel visível e prêmios correndo dentro do jogo. */
.logged-view .cap-main-controls{display:block!important}
.cap-prize-ticker{position:absolute;z-index:12;left:5%;top:68.2%;width:90%;height:44px;overflow:hidden;border:1px solid rgba(255,189,78,.48);border-radius:999px;background:linear-gradient(90deg,rgba(5,6,8,.96),rgba(38,22,7,.92),rgba(5,6,8,.96));box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);pointer-events:none}
.cap-prize-ticker-track{display:flex;align-items:center;width:max-content;height:100%;animation:capPrizeTicker 18s linear infinite;will-change:transform}
.cap-prize-ticker-item{display:flex;flex:0 0 auto;align-items:center;gap:7px;margin-right:22px;color:#fff4d7;font:800 .73rem/1 system-ui,sans-serif;letter-spacing:.025em;white-space:nowrap;text-shadow:0 1px 2px #000}
.cap-prize-ticker-item img{width:31px;height:31px;object-fit:contain;border-radius:7px;background:#fff;padding:2px}
@keyframes capPrizeTicker{to{transform:translateX(-50%)}}
.cap-prize-ticker{display:none!important}
.cap-possible-prizes{display:block!important}
.cap-status[hidden]{display:none!important}
.cap-tap-hint{position:absolute;right:6%;top:50%;width:62px;height:62px;transform:translateY(-50%);pointer-events:none}
.cap-tap-hint em{position:absolute;z-index:2;left:5px;bottom:-5px;font-style:normal;font-size:2.7rem;line-height:1;filter:drop-shadow(0 3px 2px rgba(0,0,0,.6));animation:capTapFinger 1.35s ease-in-out infinite}
.cap-tap-hint u{position:absolute;right:2px;top:2px;width:28px;height:28px;border:3px solid rgba(255,255,255,.92);border-radius:50%;text-decoration:none;animation:capTapRipple 1.35s ease-out infinite}
.cap-tap-hint u:nth-of-type(2){animation-delay:.22s}.cap-tap-hint u:nth-of-type(3){animation-delay:.44s}
.cap-game-stage:not([data-phase="idle"]) .cap-tap-hint{display:none}
@keyframes capTapRipple{0%{opacity:.9;transform:scale(.2)}80%,100%{opacity:0;transform:scale(1.9)}}
@keyframes capTapFinger{0%,100%{transform:translate(0,4px)}45%{transform:translate(5px,-2px)}}
.cap-utility-controls button{background:linear-gradient(180deg,#ffad29,#d95b00)!important;border:2px solid #ffe09b!important;box-shadow:0 4px 14px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.42)!important;color:#fff!important}
.cap-utility-controls button svg{fill:#fff!important}.cap-fullscreen span{color:#fff!important;text-shadow:0 1px 2px #6b2500}
@media(max-width:430px){
 .cap-game-heading{top:5.1%!important;left:7%!important;width:86%!important;padding:8px 48px 9px!important;background:linear-gradient(180deg,rgba(3,4,5,.96),rgba(3,4,5,.76))!important;border-radius:14px!important;box-shadow:0 5px 17px rgba(0,0,0,.45)!important}
 .cap-game-heading h1{display:block!important;visibility:visible!important;opacity:1!important;font-size:1.28rem!important;line-height:1.05!important}
 .cap-utility-controls{top:1.2%!important;right:1.5%!important;transform:none!important;gap:7px!important}
 .cap-utility-controls button{width:40px!important;height:40px!important}
 .cap-prize-ticker{left:3.5%;top:68.1%;width:93%;height:39px}
 .cap-prize-ticker-track{animation-duration:15s}
 .cap-prize-ticker-item{margin-right:16px;font-size:.66rem}.cap-prize-ticker-item img{width:27px;height:27px}
 .cap-instruction{top:73.2%!important;width:92%!important;min-height:55px!important;padding-right:12px!important}
 .cap-instruction strong{font-size:.9rem!important}.cap-instruction span{font-size:.66rem!important}
 .shuffle-state{top:79.5%!important}
 .logged-view .cap-main-controls{top:83%!important;width:82%!important}
 .logged-view .cap-main-button{min-height:55px!important;border-radius:18px!important;padding:6px 14px!important}
 .logged-view .cap-main-copy strong{font-size:1rem!important;white-space:nowrap}
 .logged-view .cap-main-copy small{font-size:.62rem!important}
 .logged-view .cap-status{top:91.4%!important;width:91%!important;font-size:.52rem!important}
}

/* V97: áudio e tela cheia na lateral direita, um abaixo do outro. */
@media(max-width:820px){
 .cap-utility-controls{top:clamp(125px,18%,195px)!important;right:2.2%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;transform:none!important;z-index:50!important}
 .cap-utility-controls button{width:42px!important;height:42px!important;flex:0 0 42px!important}
}
@media(max-width:430px){
 .cap-utility-controls{top:clamp(118px,18%,155px)!important;right:2%!important;gap:8px!important;transform:none!important}
 .cap-utility-controls button{width:39px!important;height:39px!important;flex-basis:39px!important}
}

/* V96: remove o cabeçalho superior e leva a instrução para o lugar dele. */
.cap-game-heading{display:none!important}
.cap-instruction{left:42%!important;top:4.2%!important;width:70%!important;transform:translateX(-50%)!important;z-index:45!important}
.shuffle-state{left:42%!important;top:11.2%!important;z-index:46!important}
@media(max-width:820px){
 .logged-view .cap-instruction{left:40%!important;top:clamp(72px,9%,98px)!important;width:72%!important;min-height:58px!important;padding:7px 10px!important}
 .logged-view .shuffle-state{left:40%!important;top:clamp(126px,16%,172px)!important}
 .guest-view .cap-instruction{left:40%!important;top:3.5%!important;width:72%!important}
 .guest-view .shuffle-state{left:40%!important;top:10.5%!important}
}
@media(max-width:430px){
 .logged-view .cap-instruction{left:39%!important;top:clamp(68px,10%,86px)!important;width:70%!important;min-height:54px!important}
 .logged-view .cap-instruction strong{font-size:.82rem!important}
 .logged-view .cap-instruction span{font-size:.58rem!important}
 .logged-view .shuffle-state{left:39%!important;top:clamp(119px,17%,148px)!important;font-size:.5rem!important}
}
@media(prefers-reduced-motion:reduce){.cap-prize-ticker-track{animation-duration:45s}.cap-tap-hint em,.cap-tap-hint u{animation:none!important}}

/* V94: centraliza e mantém o cabeçalho abaixo do menu móvel fixo. */
@media(max-width:820px){
 .logged-view .cap-game-heading{left:50%!important;top:clamp(72px,9%,98px)!important;width:92%!important;transform:translateX(-50%)!important;padding:8px 92px 9px 14px!important;box-sizing:border-box!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:45!important}
 .logged-view .cap-game-heading h1{display:block!important;visibility:visible!important;opacity:1!important;font-size:clamp(1.08rem,4.8vw,1.55rem)!important;white-space:nowrap!important}
 .logged-view .cap-game-heading .cap-game-eyebrow,.logged-view .cap-game-heading>p:last-child{display:block!important;visibility:visible!important;opacity:1!important}
 .logged-view .cap-utility-controls{top:clamp(72px,9%,98px)!important;z-index:50!important}
}
@media(max-width:430px){
 .logged-view .cap-game-heading{left:50%!important;top:clamp(68px,10%,86px)!important;width:96%!important;padding:7px 86px 8px 10px!important;transform:translateX(-50%)!important}
 .logged-view .cap-game-heading h1{font-size:clamp(.94rem,4.7vw,1.18rem)!important}
 .logged-view .cap-game-heading .cap-game-eyebrow{font-size:.42rem!important}
 .logged-view .cap-game-heading>p:last-child{font-size:.44rem!important;line-height:1.1!important}
 .logged-view .cap-utility-controls{top:clamp(68px,10%,86px)!important}
}

/* Regras finais V97: prevalecem sobre os ajustes móveis anteriores. */
.cap-game-heading,.logged-view .cap-game-heading{display:none!important}
@media(max-width:820px){
 .cap-utility-controls,.logged-view .cap-utility-controls{top:clamp(125px,18%,195px)!important;right:2.2%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;transform:none!important;z-index:50!important}
 .cap-utility-controls button{width:42px!important;height:42px!important;flex:0 0 42px!important}
}
@media(max-width:430px){
 .cap-utility-controls,.logged-view .cap-utility-controls{top:clamp(118px,18%,155px)!important;right:2%!important;gap:8px!important;transform:none!important}
 .cap-utility-controls button{width:39px!important;height:39px!important;flex-basis:39px!important}
}

/* V98: instrução centralizada e controles um pouco mais abaixo. */
.cap-instruction,.logged-view .cap-instruction,.guest-view .cap-instruction{left:50%!important;transform:translateX(-50%)!important}
.shuffle-state,.logged-view .shuffle-state,.guest-view .shuffle-state{left:50%!important;transform:translateX(-50%)!important}
@media(max-width:820px){
 .cap-utility-controls,.logged-view .cap-utility-controls{top:clamp(165px,24%,240px)!important}
}
@media(max-width:430px){
 .cap-utility-controls,.logged-view .cap-utility-controls{top:clamp(155px,23%,200px)!important}
}

/* V99: texto da instrução 3x maior somente no celular. */
@media(max-width:430px){
 .cap-instruction,.logged-view .cap-instruction,.guest-view .cap-instruction{min-height:170px!important;padding:12px 10px!important}
 .cap-instruction strong,.logged-view .cap-instruction strong,.guest-view .cap-instruction strong{font-size:2.46rem!important;line-height:1.02!important;letter-spacing:.02em!important}
 .cap-instruction span,.logged-view .cap-instruction span,.guest-view .cap-instruction span{font-size:1.74rem!important;line-height:1.08!important;margin-top:8px!important}
 .shuffle-state,.logged-view .shuffle-state,.guest-view .shuffle-state{top:clamp(230px,34%,290px)!important}
}

/* V100: cobre celulares que reportam viewport maior que 430px. */
@media(max-width:820px){
 body.cap-game-page .cap-instruction{min-height:170px!important;padding:12px 10px!important}
 body.cap-game-page .cap-instruction strong{font-size:2.46rem!important;line-height:1.02!important;letter-spacing:.02em!important}
 body.cap-game-page .cap-instruction span{font-size:1.74rem!important;line-height:1.08!important;margin-top:8px!important}
 body.cap-game-page .shuffle-state{top:clamp(230px,34%,290px)!important}
}

/* V101: reduz o texto móvel de 3x para 2x. */
@media(max-width:820px){
 body.cap-game-page .cap-instruction{min-height:120px!important;padding:10px!important}
 body.cap-game-page .cap-instruction strong{font-size:1.64rem!important;line-height:1.04!important}
 body.cap-game-page .cap-instruction span{font-size:1.16rem!important;line-height:1.1!important;margin-top:6px!important}
 body.cap-game-page .shuffle-state{top:clamp(175px,27%,220px)!important}
}

/* V102: redução adicional de 20% no texto móvel. */
@media(max-width:820px){
 body.cap-game-page .cap-instruction{min-height:100px!important;padding:9px!important}
 body.cap-game-page .cap-instruction strong{font-size:1.312rem!important}
 body.cap-game-page .cap-instruction span{font-size:.928rem!important;margin-top:5px!important}
 body.cap-game-page .shuffle-state{top:clamp(155px,24%,195px)!important}
}

/* V103: aproveita o espaço vazio móvel e deixa os prêmios visíveis. */
@media(max-width:820px){
 body.cap-game-page .cap-main-controls,
 body.cap-game-page.logged-view .cap-main-controls,
 body.cap-game-page.guest-view .cap-main-controls{top:68%!important;width:82%!important}
 body.cap-game-page .cap-possible-prizes{position:relative!important;z-index:60!important;margin:-18dvh auto 0!important;width:calc(100% - 20px)!important;max-width:540px!important}
}
@media(max-width:430px){
 body.cap-game-page .cap-main-controls,
 body.cap-game-page.logged-view .cap-main-controls,
 body.cap-game-page.guest-view .cap-main-controls{top:67%!important;width:84%!important}
 body.cap-game-page .cap-possible-prizes{margin-top:-19dvh!important;width:calc(100% - 12px)!important}
}
