/* Estatísticas: a página usa a casca do jogo.css (menu, barra, cores) e estes cartões */
html.mvp body{min-height:100vh}
.es-main{margin-left:92px;padding:86px 26px 40px;max-width:1240px;display:flex;flex-direction:column;gap:18px}
.es-card{background:rgba(29,29,49,.82);border:1px solid var(--mv-line);border-radius:22px;padding:20px 22px;color:var(--mv-txt)}
.es-card h2{margin:0 0 10px;font:800 17px Sora,sans-serif;display:flex;align-items:center;gap:8px}
.es-card h2 i{color:var(--mv-vio);font-size:20px}
.es-card h2 b{color:var(--mv-ama)}
.es-grade2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.es-ponto{width:10px;height:10px;border-radius:50%;display:inline-block}
.es-ponto.len{background:var(--mv-cia)} .es-ponto.gir{background:var(--mv-rosa)}
.es-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.es-seg{display:inline-flex}
.es-frase{margin:4px 0 12px;color:var(--mv-mut);font-size:14.5px}
.es-frase b{color:var(--mv-txt);font-family:"Space Grotesk",Inter,sans-serif}
.es-fonte{margin:10px 0 0;font-size:11.5px;color:#8a85aa;line-height:1.45}
.es-svg{width:100%;height:auto;display:block}
.es-eixo{fill:#8a85aa;font:500 11px Inter,sans-serif}
.es-rot{fill:var(--mv-txt);font:700 12px Inter,sans-serif}
.es-rot.voce{fill:#FFF04D}
/* quem */
.es-quem{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.es-quem-l{display:flex;align-items:center;gap:14px}
.es-fruta{font-size:46px;line-height:1;filter:drop-shadow(0 0 14px rgba(255,240,77,.35))}
.es-nome{font:800 22px Sora,sans-serif}
.es-fruta-t{color:var(--mv-mut);font-size:14px}
.es-fruta-t b{color:var(--mv-ama)}
.es-med{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.es-in{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:14px;background:#151522;border:1px solid var(--mv-line)}
.es-in span{font:700 10.5px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.es-in.len span{color:var(--mv-cia)} .es-in.gir span{color:var(--mv-rosa)}
.es-in b{display:flex;align-items:baseline;gap:4px}
.es-in input{width:74px;background:none;border:0;outline:0;color:var(--mv-txt);font:700 24px "Space Grotesk",sans-serif}
.es-in i{font-style:normal;color:var(--mv-mut);font-size:13px}
.es-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:99px;text-decoration:none;font:700 13px Inter,sans-serif;color:#151522;
  background:linear-gradient(90deg,var(--mv-rosa),#ff8fab);box-shadow:0 0 16px rgba(255,107,145,.35)}
/* percentil */
.es-hero{display:flex;align-items:center;gap:12px;margin:2px 0 6px}
.es-hero b{font:700 56px/1 "Space Grotesk",sans-serif;letter-spacing:-1.5px;color:var(--mv-txt)}
.es-hero b::after{content:"%";font-size:26px;color:var(--mv-mut);margin-left:2px}
.es-hero span{color:var(--mv-mut);font-size:14px;line-height:1.3}
/* sala */
.es-sala{max-width:760px}
.es-h{transition:fill .3s}
.es-h.menos{fill:rgba(139,124,255,.38)} .es-h.mais{fill:#FF6B91} .es-h.voce{fill:#FFF04D;stroke:#1d1d31;stroke-width:2}
.es-leg{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--mv-mut)}
.es-leg span{display:flex;align-items:center;gap:6px}
.es-leg b{color:var(--mv-txt);font-family:"Space Grotesk",Inter,sans-serif}
.es-q{width:10px;height:10px;border-radius:50%;display:inline-block}
.es-q.mais{background:#FF6B91} .es-q.menos{background:rgba(139,124,255,.6)} .es-q.voce{background:#FFF04D}
/* chances */
#esN{width:100%;margin:6px 0 14px}
.es-chances{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.es-chances div{padding:12px;border-radius:14px;background:#151522;border:1px solid var(--mv-line)}
.es-chances b{display:block;font:700 28px/1.1 "Space Grotesk",sans-serif;color:var(--mv-ama)}
.es-chances span{font-size:12px;color:var(--mv-mut)}
/* mapa */
.es-mapa{max-width:900px}
.es-nota{font:600 13px Inter,sans-serif;color:var(--mv-mut);display:flex;align-items:center;gap:8px}
.es-nota b{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;font:800 20px Sora,sans-serif;color:#151522;background:var(--mv-ama);box-shadow:0 0 16px rgba(255,240,77,.4)}
.es-nota b.nD,.es-nota b.nE{background:#c9c4e0}
.es-breve{opacity:.75}
.es-dica{position:fixed;z-index:60;pointer-events:none;padding:8px 10px;border-radius:10px;background:#151522;border:1px solid var(--mv-line);color:var(--mv-txt);font:500 12.5px Inter,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.es-dica b{font-family:"Space Grotesk",Inter,sans-serif}
@media (max-width:860px){.es-grade2{grid-template-columns:1fr}}
@media (max-width:640px){
  .es-main{margin:0;padding:68px 12px 90px}
  .es-card{padding:16px}
  .es-chances{grid-template-columns:1fr}
  .es-hero b{font-size:44px}
}

.es-vol{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;align-items:center}
.es-vol .es-fonte{grid-column:1/-1}
.es-vol-n{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.es-vol-n div{padding:12px;border-radius:14px;background:#151522;border:1px solid var(--mv-line)}
.es-vol-n b{display:block;font:700 28px/1.1 "Space Grotesk",sans-serif;color:var(--mv-txt)}
.es-vol-n span{font-size:12px;color:var(--mv-mut)}
.es-fatos{margin:0 0 12px;padding-left:18px;color:var(--mv-txt);font-size:14.5px;line-height:1.7}
.es-fatos b{color:var(--mv-ama);font-family:"Space Grotesk",Inter,sans-serif}
.es-notas{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12.5px;color:var(--mv-mut)}
.es-notas span{display:flex;align-items:center;gap:6px}
.es-notas b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;font:800 12px Sora,sans-serif;color:#151522;background:var(--mv-ama)}
.es-notas b.nD,.es-notas b.nE{background:#c9c4e0}
@media (max-width:860px){.es-vol{grid-template-columns:1fr}.es-vol-n{grid-template-columns:1fr}}

/* ===== synthwave dos anos 80 (11/11) ===== */
html.mvp body:has(.tr-main){background:linear-gradient(180deg,#0d0820 0%,#1c0f3a 38%,#3a1150 62%,#5b1250 78%,#14081f 100%) fixed !important}
body:has(.tr-main)::before{content:"";position:fixed;left:50%;top:14vh;width:min(560px,70vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;z-index:-2;
  background:repeating-linear-gradient(180deg,transparent 0 58%,rgba(13,8,32,.95) 58% 61%,transparent 61% 66%,rgba(13,8,32,.95) 66% 70%,transparent 70% 75%,rgba(13,8,32,.95) 75% 80%,transparent 80% 86%,rgba(13,8,32,.95) 86% 92%,transparent 92%),
  linear-gradient(180deg,#FFF04D 0%,#ff9a3d 35%,#FF6B91 65%,#b03a9a 100%);filter:drop-shadow(0 0 60px rgba(255,107,145,.55));opacity:.55}
body:has(.tr-main)::after{content:"";position:fixed;left:-50%;right:-50%;bottom:0;height:46vh;z-index:-1;transform:perspective(320px) rotateX(62deg);transform-origin:50% 100%;
  background:repeating-linear-gradient(90deg,rgba(255,107,145,.55) 0 2px,transparent 2px 80px),repeating-linear-gradient(0deg,rgba(69,227,255,.5) 0 2px,transparent 2px 60px);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%);opacity:.55}
.es-main .mv-titulo h1{font-size:40px;letter-spacing:1px;text-transform:uppercase;
  background:linear-gradient(180deg,#fff 0%,#9be9ff 38%,#3a64c8 50%,#ffb3d0 52%,#FF6B91 75%,#fff04d 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(255,107,145,.45))}
.es-main .mv-titulo h1 em{background:none;-webkit-text-fill-color:#FFF04D;text-shadow:0 0 12px #FFE600,0 0 28px #ff9a3d}
.es-card{background:linear-gradient(160deg,rgba(28,15,58,.82),rgba(20,8,31,.78)) !important;border:1px solid rgba(255,107,145,.45) !important;
  box-shadow:0 0 0 1px rgba(69,227,255,.12) inset,0 0 26px rgba(255,107,145,.18),0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.es-card h2{text-transform:uppercase;letter-spacing:1.4px;font-size:15px !important;color:#ffd6e5;text-shadow:0 0 10px rgba(255,107,145,.6)}
.es-card h2 i{color:#45E3FF !important;filter:drop-shadow(0 0 6px #45E3FF)}
.es-hero b{background:linear-gradient(180deg,#fff,#45E3FF 55%,#8B7CFF);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(69,227,255,.5))}
.es-main::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:70;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}
/* preferências */
.es-prefs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.es-pref{padding:12px 14px;border-radius:14px;background:rgba(13,8,32,.7);border:1px solid rgba(139,124,255,.35)}
.es-pref-n{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.es-pref-n b{font:700 14px Inter,sans-serif;color:var(--mv-txt)}
.es-pref-n small{color:var(--mv-mut);font-size:11px}
.es-pref-n span{margin-left:auto;font:700 13px "Space Grotesk",sans-serif;color:#45E3FF}
.es-pref-d{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 8px;font-size:12.5px;color:var(--mv-mut)}
.es-pref-d b{color:var(--mv-txt);font-family:"Space Grotesk",Inter,sans-serif}
.es-pref-d .len::before,.es-pref-d .gir::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}
.es-pref-d .len::before{background:#45E3FF}.es-pref-d .gir::before{background:#FF6B91}
.es-pref-b{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.08)}
.es-pref-b i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#45E3FF,#8B7CFF,#FF6B91);box-shadow:0 0 10px rgba(255,107,145,.5)}
.es-pref-b em{position:absolute;right:0;top:-18px;font:700 11px "Space Grotesk",sans-serif;font-style:normal;color:#FFF04D}
/* medalhas */
.es-medg h4{margin:14px 0 8px;font:700 11px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#ffb3d0}
.es-medl{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
.es-mdl{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:16px;cursor:pointer;font:inherit;color:var(--mv-mut);
  background:rgba(13,8,32,.7);border:1px solid rgba(255,255,255,.08);transition:transform .15s}
.es-mdl:hover{transform:translateY(-2px)}
.es-mdl span{font-size:30px;filter:grayscale(1) brightness(.55);opacity:.6}
.es-mdl b{font:600 11.5px/1.25 Inter,sans-serif;text-align:center}
.es-mdl.on{color:var(--mv-txt);border-color:rgba(255,240,77,.6);box-shadow:0 0 16px rgba(255,230,0,.22),inset 0 0 18px rgba(255,107,145,.12)}
.es-mdl.on span{filter:drop-shadow(0 0 10px rgba(255,240,77,.6));opacity:1}
.es-medov{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(10,6,20,.72);backdrop-filter:blur(6px)}
.es-medov[hidden]{display:none}
.es-medcx{position:relative;width:min(380px,92vw);text-align:center;padding:28px 22px 22px;border-radius:24px;color:var(--mv-txt);
  background:linear-gradient(160deg,#2a1450,#14081f);border:1px solid rgba(255,107,145,.55);box-shadow:0 0 50px rgba(255,107,145,.3)}
.es-medx{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--mv-mut);font-size:18px;cursor:pointer}
.es-mede{font-size:72px;line-height:1;filter:drop-shadow(0 0 22px rgba(255,240,77,.7))}
.es-mede.off{filter:grayscale(1) brightness(.6)}
.es-medcx h3{margin:10px 0 6px;font:800 22px Sora,sans-serif}
.es-medcx p{margin:6px 0;color:var(--mv-mut);font-size:14px;line-height:1.5}
.es-medr b{color:#FFF04D}
.es-meds2{margin-top:10px;font:700 10.5px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#45E3FF}
@media (max-width:640px){.es-prefs{grid-template-columns:1fr}.es-main .mv-titulo h1{font-size:28px}}

/* ===== fundo das Estatísticas (11/11): aurora neon + grade de pontos + curva de sino, tudo em CSS/SVG leve.
   Só transform e opacity animam (a placa de vídeo faz sozinha, sem redesenhar a página); some com "reduzir movimento". ===== */
html.mvp body:has(.es-fundo){background:radial-gradient(120% 80% at 50% 0%,#1d1440 0%,#0f0b24 55%,#090716 100%) fixed !important}
.es-fundo{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.es-fundo .au{position:absolute;width:70vmax;height:70vmax;border-radius:50%;opacity:.55;will-change:transform}
.es-fundo .au1{left:-20vmax;top:-25vmax;background:radial-gradient(closest-side,rgba(255,107,145,.55),transparent);animation:esAu1 26s ease-in-out infinite alternate}
.es-fundo .au2{right:-25vmax;top:5vmax;background:radial-gradient(closest-side,rgba(139,124,255,.6),transparent);animation:esAu2 32s ease-in-out infinite alternate}
.es-fundo .au3{left:15vmax;bottom:-35vmax;background:radial-gradient(closest-side,rgba(69,227,255,.4),transparent);animation:esAu3 38s ease-in-out infinite alternate}
@keyframes esAu1{to{transform:translate(18vmax,12vmax) scale(1.15)}}
@keyframes esAu2{to{transform:translate(-16vmax,14vmax) scale(.9)}}
@keyframes esAu3{to{transform:translate(10vmax,-14vmax) scale(1.2)}}
.es-fundo .pt{position:absolute;inset:-60px;opacity:.22;background:radial-gradient(circle,rgba(200,190,255,.9) 1px,transparent 1.6px) 0 0/30px 30px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);animation:esPt 18s linear infinite}
@keyframes esPt{to{transform:translate(30px,30px)}}
.es-fundo svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:58vh;opacity:.75}
.es-fundo .sino{fill:none;stroke:rgba(139,124,255,.35);stroke-width:2}
.es-fundo .sino2{fill:url(#esSinoG);stroke:none}
.es-fundo .brilho{fill:none;stroke:#45E3FF;stroke-width:3;stroke-linecap:round;stroke-dasharray:60 1940;filter:drop-shadow(0 0 6px #45E3FF);animation:esBrilho 9s linear infinite}
.es-fundo .brilho.b2{stroke:#FF6B91;filter:drop-shadow(0 0 6px #FF6B91);animation-delay:-4.5s}
@keyframes esBrilho{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}
.es-fundo .barra{fill:rgba(255,240,77,.14);transform-box:fill-box;transform-origin:50% 100%;animation:esBarra 6s ease-in-out infinite alternate}
@keyframes esBarra{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.es-fundo *{animation:none !important}}
body:has(.es-fundo) .es-card{background:linear-gradient(160deg,rgba(28,15,58,.66),rgba(20,8,31,.6)) !important}
/* Super Trunfo (11/11): o chão anda (as linhas vêm do horizonte) e o sol pulsa de leve */
body:has(.tr-main)::after{animation:trChao 1.6s linear infinite}
@keyframes trChao{from{background-position:0 0,0 0}to{background-position:0 0,0 -60px}}
body:has(.tr-main)::before{animation:trSol 4s ease-in-out infinite}
@keyframes trSol{0%,100%{opacity:.5;filter:drop-shadow(0 0 50px rgba(255,107,145,.5)) brightness(1)}50%{opacity:.72;filter:drop-shadow(0 0 90px rgba(255,154,61,.8)) brightness(1.15)}}
@media (prefers-reduced-motion:reduce){body:has(.tr-main)::after,body:has(.tr-main)::before{animation:none}}
.es-parc{display:flex;flex-direction:column;gap:10px}
.es-parc-i{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(13,8,32,.6);border:1px solid rgba(139,124,255,.25)}
.es-parc-i>span{font-size:26px}.es-parc-i b{display:block;font-size:14.5px}.es-parc-i small{color:var(--mv-mut);font-size:12.5px}
@media (max-width:700px){.es-parc-i{grid-template-columns:auto 1fr}.es-parc-i .mv-parc{grid-column:1/-1}}