/* MAIS TUNER 24.43 — "Surpreenda-me": azul no estilo do Modo Cinema, cubo da
   marca grande no meio (gira como roleta no sorteio), play vermelho. */
.mt-surprise[hidden]{display:none!important}
.mt-surprise{position:fixed;inset:0;z-index:1320;display:grid;place-items:end center;font-family:"NRK Sans","Reddit Sans",sans-serif;color:#fff}
.mt-sp-backdrop{position:absolute;inset:0;background:rgba(2,10,28,.55);opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}
.mt-surprise.show .mt-sp-backdrop{opacity:1}
.mt-sp-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:min(480px,100%);box-sizing:border-box;
  padding:22px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;text-align:center;outline:none;
  box-shadow:0 -30px 60px -30px rgba(0,0,0,.85);transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1)}
.mt-surprise.show .mt-sp-panel{transform:none}
.mt-sp-panel>*:not(.mt-sp-ambient){position:relative;z-index:1}
.mt-sp-ambient{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;
  background:radial-gradient(90% 60% at 15% 0%,#1d5fd1 0%,transparent 60%),radial-gradient(80% 60% at 100% 100%,#16339a 0%,transparent 65%),linear-gradient(165deg,#0e3a92 0%,#0a2766 45%,#06173a 100%)}
.mt-sp-ambient::before{content:'';position:absolute;inset:-60px;background-image:var(--sp-art,none);background-size:60%;background-repeat:no-repeat;background-position:center 30%;filter:blur(46px);mix-blend-mode:luminosity;opacity:.45;transition:opacity .3s ease}
.mt-sp-ambient::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 35% at 0% 0%,rgba(95,255,192,.12),transparent 60%),linear-gradient(180deg,rgba(6,22,60,.1),rgba(5,16,44,.45) 55%,rgba(4,12,32,.78))}
.mt-sp-x{position:absolute!important;top:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mt-sp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mt-sp-kicker{margin-top:4px;color:#5fffc0;font-size:11.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mt-sp-cube{display:grid;place-items:center;width:min(46vw,190px);aspect-ratio:1;margin:18px 0 16px;border-radius:30px;background:var(--sp-brand,#1b4f9c);box-shadow:0 34px 60px -28px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.mt-sp-cube img{width:68%;height:68%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}
.mt-sp-cube img[hidden]{display:none}
.mt-sp-cube b{font-size:52px;font-weight:900}
.mt-surprise.is-spinning .mt-sp-cube{transform:scale(.94) rotate(-3deg);transition:none}
.mt-surprise.is-spinning :is(.mt-sp-flag,.mt-sp-phrase,.mt-sp-now,.mt-sp-actions){opacity:.25}
.mt-sp-name{margin:0;font-size:28px;font-weight:850;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.mt-sp-flag{margin:8px 0 0;color:#5fffc0;font-size:13.5px;font-weight:800}
.mt-sp-phrase{max-width:34ch;margin:10px 0 0;color:rgba(232,242,255,.85);font-size:15.5px;line-height:1.45}
.mt-sp-now[hidden]{display:none}
.mt-sp-now{display:flex;flex-direction:column;gap:2px;max-width:100%;margin:14px 0 0;padding:10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mt-sp-now span{color:rgba(232,242,255,.7);font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.mt-sp-now strong{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-sp-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;margin-top:20px}
.mt-sp-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;border-radius:999px;font:850 15.5px "NRK Sans","Reddit Sans",sans-serif;cursor:pointer}
.mt-sp-actions svg{width:20px;height:20px}
.mt-sp-play{border:0;background:#ff4747;color:#fff;box-shadow:0 16px 30px -16px rgba(255,71,71,.8)}
.mt-sp-play svg{fill:currentColor}
.mt-sp-again{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mt-sp-again svg{fill:none;stroke:currentColor;stroke-width:1.8}
.mt-sp-again circle{fill:currentColor;stroke:none}
.mt-surprise.is-empty :is(.mt-sp-cube,.mt-sp-play){display:none}
@media (min-width:760px){
  .mt-surprise{place-items:center}
  .mt-sp-panel{border-radius:30px;padding:28px 30px 30px;transform:translateY(16px) scale(.98);opacity:0;transition:transform .3s ease,opacity .2s ease}
  .mt-surprise.show .mt-sp-panel{transform:none;opacity:1}
}
@media (prefers-reduced-motion:reduce){.mt-sp-panel,.mt-sp-cube{transition:none!important}}