/* OFC-ML-COUNTDOWN-033 · contador teatral do palco, em ambas as interfaces.
 * Fica acima do iframe e no centro físico da tela, inclusive fullscreen.
 */
#ml-stage{position:relative}
#ml-countdown.ml-countdown:not([hidden]){
 position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;
 justify-content:center;flex-direction:column;gap:clamp(12px,2vh,24px);
 width:100%;height:100%;box-sizing:border-box;margin:0;padding:20px;
 background:radial-gradient(ellipse at center,rgba(41,25,68,.94) 0%,rgba(8,12,29,.96) 66%,rgba(3,5,13,.98) 100%);
 color:#fff5d7;text-align:center;line-height:.88;font-family:inherit;
 font-size:clamp(150px,32vw,440px);font-weight:1000;letter-spacing:-.065em;
 font-variant-numeric:tabular-nums;
 text-shadow:0 5px 0 #542a58,0 0 55px rgba(251,162,202,.48);
 pointer-events:none;
}
#ml-countdown.ml-countdown[hidden]{display:none!important}
#ml-countdown.ml-countdown:not([hidden])::before{
 content:'O PALCO É SEU EM';display:block;max-width:95vw;
 font-size:clamp(20px,4vw,48px);font-weight:950;letter-spacing:.17em;
 line-height:1.25;color:#d7ecff;text-shadow:0 2px 18px rgba(0,0,0,.75);
}
#ml-countdown.ml-countdown:not([hidden])::after{
 content:'PREPARA ESSA VOZ!';display:block;
 font-size:clamp(15px,2.4vw,30px);font-weight:850;line-height:1.35;
 letter-spacing:.16em;color:#ffd09f;text-shadow:0 2px 14px rgba(0,0,0,.7);
}
#ml-countdown.ml-countdown.is-waiting:not([hidden]){
 font-size:clamp(120px,24vw,310px);letter-spacing:0;
}
#ml-countdown.ml-countdown.is-waiting::before{content:'VÍDEO CARREGANDO'}
#ml-countdown.ml-countdown.is-waiting::after{content:'O PALCO VAI COMEÇAR'}
/* Bloqueio de autoplay: exibir uma chamada grande, com clique REAL. */
#ml-stage.ml-needs-gesture::before{
 content:'';position:fixed;inset:0;z-index:2147481000;
 background:rgba(4,9,21,.85);pointer-events:none;
}
#ml-stage.ml-needs-gesture #ml-manual-play{
 position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
 z-index:2147481800;display:block;width:min(90vw,740px);min-height:125px;
 padding:24px 30px;border:3px solid #ffe3a4;border-radius:22px;
 background:#ffe2a1;color:#201427;font-family:inherit;
 font-size:clamp(22px,4.7vw,46px);font-weight:950;line-height:1.2;
 box-shadow:0 16px 80px rgba(0,0,0,.65);cursor:pointer;
}
#ml-stage.ml-needs-gesture #ml-manual-play:focus-visible{
 outline:5px solid #a4f9ff;outline-offset:7px;
}
@media (prefers-reduced-motion:reduce){
 #ml-countdown.ml-countdown,#ml-stage #ml-manual-play{animation:none!important;transition:none!important}
}