/* v6 — restauração dos controles verticais e do título mobile. */
/* v4 — áudio e tela cheia compactos no canto direito, abaixo dos prêmios. */
.soccer-page .possible-prizes .game-utility-controls{
    position:absolute!important;
    z-index:125!important;
    top:calc(100% + 3px)!important;
    right:clamp(7px,1.5vw,15px)!important;
    bottom:auto!important;
    left:auto!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin:0!important;
    padding:3px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(2,18,43,.72);
    box-shadow:0 6px 18px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.04);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    pointer-events:auto!important;
}
.soccer-page .possible-prizes .fullscreen-toggle,
.soccer-page .possible-prizes .audio-toggle{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    place-items:center;
    width:34px!important;
    height:34px!important;
    min-width:34px;
    min-height:34px;
    flex:0 0 34px!important;
    margin:0!important;
    padding:0;
    border:1px solid rgba(255,255,255,.34);
    border-radius:50%;
    color:#fff;
    background:rgba(3,20,45,.94);
    box-shadow:0 4px 12px rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.06);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .18s ease,filter .18s ease,background .18s ease,box-shadow .18s ease;
}
.soccer-page .possible-prizes .fullscreen-toggle{font-size:1rem!important}
.soccer-page .possible-prizes .audio-toggle:hover,
.soccer-page .possible-prizes .audio-toggle:focus-visible,
.soccer-page .possible-prizes .fullscreen-toggle:hover,
.soccer-page .possible-prizes .fullscreen-toggle:focus-visible{
    transform:scale(1.07);
    filter:brightness(1.2);
    outline:2px solid #ffe56b;
    outline-offset:2px;
}
.soccer-page .possible-prizes .audio-toggle:active,
.soccer-page .possible-prizes .fullscreen-toggle:active{transform:scale(.94)}
.audio-icon{width:18px;height:18px;display:block;fill:currentColor}
.audio-icon-off{display:none}
.audio-toggle.is-muted .audio-icon-on,.audio-toggle.is-blocked .audio-icon-on{display:none}
.audio-toggle.is-muted .audio-icon-off,.audio-toggle.is-blocked .audio-icon-off{display:block}
.audio-toggle.is-muted{color:rgba(255,255,255,.72)!important;background:rgba(8,14,25,.94)!important}
.audio-toggle.is-blocked{color:#ffe26a!important;background:rgba(48,34,3,.96)!important;box-shadow:0 0 0 2px rgba(255,219,73,.2),0 5px 16px rgba(0,0,0,.32)!important}
.audio-toggle-dot{position:absolute;right:1px;bottom:1px;width:7px;height:7px;border-radius:50%;background:#5cff8a;border:1px solid rgba(0,0,0,.55);box-shadow:0 0 7px rgba(92,255,138,.9)}
.audio-toggle.is-muted .audio-toggle-dot{background:#9aa4b2;box-shadow:none}
.audio-toggle.is-blocked .audio-toggle-dot{background:#ffd84c;box-shadow:0 0 9px rgba(255,216,76,.98);animation:audioDotPulse 1s ease-in-out infinite alternate}
@keyframes audioDotPulse{to{transform:scale(1.35);opacity:.68}}
.soccer-page .prize-strip-empty{display:none!important}

@media(max-width:820px){
    .soccer-page .possible-prizes .game-utility-controls{top:calc(100% + 2px)!important;right:7px!important;padding:3px;gap:4px}
    .soccer-page .possible-prizes .fullscreen-toggle,
    .soccer-page .possible-prizes .audio-toggle{width:32px!important;height:32px!important;min-width:32px;min-height:32px;flex-basis:32px!important}
    .soccer-page .possible-prizes .fullscreen-toggle{font-size:.94rem!important}
    .audio-icon{width:17px;height:17px}
}
@media(max-width:430px){
    .soccer-page .possible-prizes .game-utility-controls{right:6px!important;padding:2px;gap:3px}
    .soccer-page .possible-prizes .fullscreen-toggle,
    .soccer-page .possible-prizes .audio-toggle{width:30px!important;height:30px!important;min-width:30px;min-height:30px;flex-basis:30px!important}
    .soccer-page .possible-prizes .fullscreen-toggle{font-size:.88rem!important}
    .audio-icon{width:16px;height:16px}
    .audio-toggle-dot{width:6px;height:6px}
}
@media(prefers-reduced-motion:reduce){.audio-toggle,.audio-toggle-dot,.fullscreen-toggle{transition:none!important;animation:none!important}}


/* v5 — controles empilhados no mesmo canto e título de prêmios visível no celular. */
.soccer-page .possible-prizes .game-utility-controls{
    flex-direction:column!important;
    align-items:center!important;
    gap:4px!important;
    border-radius:999px!important;
}

@media(max-width:820px){
    .soccer-page .possible-prizes-title{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0 0 4px!important;
        padding:4px 11px!important;
        font-size:.58rem!important;
        line-height:1!important;
        letter-spacing:.1em!important;
    }
    .soccer-page .possible-prizes .game-utility-controls{
        top:calc(100% + 2px)!important;
        right:7px!important;
        flex-direction:column!important;
        gap:3px!important;
        padding:3px!important;
    }
}

@media(max-width:430px){
    .soccer-page .possible-prizes-title{
        margin-bottom:3px!important;
        padding:4px 10px!important;
        font-size:.54rem!important;
        letter-spacing:.085em!important;
    }
    .soccer-page .possible-prizes .game-utility-controls{
        right:6px!important;
        gap:2px!important;
        padding:2px!important;
    }
}


/* v29 — controles de áudio/zoom reposicionados apenas no desktop */
@media(min-width:821px){
    .soccer-page .possible-prizes .game-utility-controls{
        top:52px!important;
        right:-54px!important;
        gap:4px!important;
        padding:3px!important;
    }
    .soccer-page .possible-prizes .fullscreen-toggle,
    .soccer-page .possible-prizes .audio-toggle{
        width:33px!important;
        height:33px!important;
        min-width:33px!important;
        min-height:33px!important;
        flex-basis:33px!important;
    }
}