/* LA PLATA EN JUEGO — escenario de concurso, edición 02.
   Layout base y contratos del motor se conservan en trivia.css/vivo.css. */
:root{--az-1:#fff4df;--az-2:#fff4df;--az-3:#f2e5fa;--az-oscuro:#193d50;--ink:#193d50;--tinta:#193d50;--blanco:#193d50;--on-ink:#193d50;--on-ink-2:#607a86;--cream:#fffdf5;--honey:#ffcf56;--coral:#ee654f;--bien:#267354;--mal:#764761;--r-a:#ffa496;--r-b:#a9ddff;--r-c:#ffdb70;--r-d:#a8dfc8;--r-a-on:#193d50;--r-b-on:#193d50;--r-c-on:#193d50;--r-d-on:#193d50;--f:'Outfit','Inter',sans-serif;--display:'Fredoka','Outfit',sans-serif;--line:2px solid #193d50;--ease:cubic-bezier(.22,1,.36,1)}
html,body{background:#fff4df}body{color:var(--ink);font-family:var(--f)}button,input{font-family:var(--f)}.fondo{background:#fff4df}.fondo::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#6d4f8022 1px,transparent 1px);background-size:24px 24px;opacity:.55}.fondo i{display:block;opacity:1}.fondo i:nth-child(1){width:600px;height:600px;right:-420px;bottom:-250px;background:#c4e8f5;border:2px solid #193d5018}.fondo i:nth-child(2){width:500px;height:500px;left:-380px;top:20%;background:#a8dfc8;border:2px solid #193d5018}.fondo i:nth-child(3){width:150px;height:150px;right:4%;top:-110px;background:#ffcf56}.barra{height:64px;background:#fff9ed;border-bottom:2px solid #193d50;padding:0 28px}.barra .marca-vivo{display:flex;align-items:center;gap:7px;color:var(--ink);font:600 20px/1 var(--display)}.marca-vivo em{color:#d54533}.marca-mini{display:grid;place-items:center;background:#ffcf56;border:2px solid #193d50;border-radius:10px;width:33px;height:33px;margin-right:7px;font:800 27px/1 var(--f);box-shadow:2px 2px 0 #193d50}.marca-conductores{font:500 11px/1 var(--f);border-left:1px solid #193d5044;padding-left:13px;margin-left:7px;color:#76657c}.barra .icono{border:1.5px solid #193d50;border-radius:50%;color:#193d50;opacity:1;width:34px;background:#fffdf5;box-shadow:0 2px 0 #193d50}.barra .icono:hover{background:#ffdb70}.barra .icono[aria-pressed=true]{color:#b2392a}.barra .chip{color:#193d50}.barra .puntos-chip{padding:7px 12px;background:#ffdb70;border:1.5px solid #193d50;border-radius:30px}.barra .racha-chip{color:#193d50;background:#ffdb70}.barra .ronda-indice{font:600 12px/1 var(--f);white-space:nowrap;margin:0;color:#607a86;letter-spacing:.02em}body.con-barra .pantalla{padding-top:80px}
#puerta.on{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.8fr);align-items:center;justify-content:center;gap:45px;max-width:1220px;padding:92px 45px 30px;text-align:center;overflow-y:auto}.entrada-editorial{position:relative;min-width:0}.entrada-editorial .logo{display:flex;align-items:center;justify-content:center;gap:12px;font:700 10px/1 var(--f);letter-spacing:.12em;color:#60516c;margin-bottom:18px}.dupla{display:flex;padding-left:6px}.dupla b{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #193d50;border-radius:50%;margin-left:-6px;background:#a9ddff;font:600 14px/1 var(--display);color:#193d50;transform:rotate(-10deg)}.dupla b+ b{background:#ffa496;transform:rotate(12deg)}.estrella-mini{font-size:22px;color:#d85c42}.entrada-etiqueta{font-size:9px;letter-spacing:.13em;font-weight:700;color:#786480;margin-bottom:12px}#puerta h1{font:600 clamp(66px,7vw,100px)/.88 var(--display);letter-spacing:-.045em;color:#193d50;margin:0 0 16px;position:relative;z-index:1}#puerta h1 em{font-style:normal;color:#ee654f;position:relative;text-shadow:2px 3px 0 #193d50}#puerta h1 em::after{content:'';position:absolute;background:#ffcf56;left:0;right:-9px;bottom:2px;height:16px;z-index:-1;transform:rotate(-3deg);border-radius:70% 20% 40% 20%}#puerta .bajada{font-size:16px;line-height:1.45;color:#786480;max-width:none;margin:0 auto}.escenario-mundo{position:relative;max-width:570px;width:100%;margin:-2px auto -9px;height:clamp(210px,33vh,320px)}.escenario-mundo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 12px 8px #bd844c0b)}.arte-sello{position:absolute;right:0;top:23%;width:90px;height:90px;display:flex;flex-direction:column;justify-content:center;background:#ffdb70;border:2px solid #193d50;border-radius:50%;font:800 10px/1.2 var(--f);transform:rotate(13deg);box-shadow:3px 3px 0 #193d50}.arte-sello i{font-size:25px;font-style:normal;margin-top:3px}.arte-estrella{position:absolute;color:#193d50;font-size:55px;z-index:2;line-height:1}.estrella-a{left:7%;top:27%;transform:rotate(13deg)}.estrella-b{right:19%;bottom:8%;color:#d75d43;font-size:38px}.entrada-reglas{display:flex;justify-content:center;gap:20px;position:relative;z-index:2}.entrada-reglas span{display:flex;align-items:center;gap:7px;font-size:11px;color:#65556c}.entrada-reglas b{background:#ffdb70;border:1px solid #193d50;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px;color:#193d50}.conductores{display:none}
.entrada-panel{position:relative;width:100%;padding:26px;background:#fffdf5;border:2px solid #193d50;border-radius:25px;box-shadow:8px 9px 0 #a9ddff,9px 10px 0 1px #193d50;text-align:left}.entrada-panel::before{content:'';position:absolute;top:-11px;left:calc(50% - 33px);width:66px;height:22px;background:#ffdb70d9;transform:rotate(-5deg);border-left:2px dotted #d5ae42;border-right:2px dotted #d5ae42}.panel-encabezado{display:flex;align-items:center;justify-content:space-between;font:800 11px/1 var(--f);letter-spacing:.1em;color:#193d50;margin:0 0 17px}.panel-numero{font-size:29px;color:#ee654f}.entrada-panel .modo-aviso{background:#f1ecfc;color:#607a86;border:1px solid #d9ceec;max-width:none;margin:0 0 20px;padding:12px 14px;font-size:12px;border-radius:10px;line-height:1.5}.modo-aviso b{color:#193d50;font-size:14px}.vivo-aviso{background:#d64736;color:#fffdf5;border:1.5px solid #193d50;line-height:1.35;margin:0 0 16px;font-size:12px;padding:10px}.entrada-panel .rotulo{font:700 10px/1.2 var(--f);color:#607a86;letter-spacing:.06em;margin:0 0 10px}.apodos{display:flex;flex-direction:column;gap:7px;margin-bottom:4px}.apodo{border:1.5px solid #ded5df;background:#fffdf5;color:#74647e;padding:11px 13px;border-radius:10px;font:600 15px/1 var(--f);text-align:left;transition:transform .15s,border-color .15s,background .15s}.apodo::before{content:'○';margin-right:10px;color:#aa9ab6}.apodo[aria-pressed=true]{border-color:#193d50;background:#ffdb70;color:#193d50;box-shadow:2px 2px 0 #193d50;transform:rotate(-1deg)}.apodo[aria-pressed=true]::before{content:'●';color:#193d50}.apodo:hover:not([aria-pressed=true]){background:#f1ecfc;border-color:#a9ddff;transform:translateX(3px)}.otra-vuelta{font-size:11px;margin:4px 0 14px;padding:7px 0;color:#607a86;text-decoration-style:dotted}.figuritas{gap:9px;margin:0 0 23px}.fig{border:1.5px solid #193d50;border-radius:14px;box-shadow:0 3px 0 #193d50;opacity:.8;transition:transform .15s,box-shadow .15s;position:relative}.fig svg{width:70%;height:70%}.fig[aria-pressed=true]{border-color:#193d50;outline:2px solid #ee654f;outline-offset:4px;transform:translateY(-3px) rotate(-6deg);opacity:1;box-shadow:0 5px 0 #193d50}.fig:hover{opacity:1;transform:translateY(-3px)}.boton{background:#ee654f;color:#fffdf5;border:2px solid #193d50;border-radius:14px;box-shadow:0 5px 0 #193d50;font:600 22px/1.1 var(--display);padding:17px 16px;letter-spacing:0;transition:transform .15s,box-shadow .15s,background .15s}.boton:hover{background:#f47760;transform:translateY(-2px);box-shadow:0 7px 0 #193d50;filter:none}.boton:active{transform:translateY(4px);box-shadow:0 1px 0 #193d50}.boton:disabled{opacity:.6;cursor:wait}.boton.fantasma{background:#fffdf5;color:#193d50}.entrada-ayuda{font-size:10px;color:#94849b;text-align:center;line-height:1.4;margin-top:14px}.ranking-abrir{display:block;text-align:center;width:100%;font:600 12px/1.3 var(--f);padding:11px 0 0;margin:10px 0 0;color:#645071;border-top:1px dashed #d3c5da}.entrada-panel #cuenta-abrir{border:0;margin:0;padding:8px 0 0;font-size:11px;color:#8a7897}
/* Partida: cuatro piezas físicas, contraste de texto constante y reloj protagonista. */
.pantalla:not(#puerta){max-width:1100px}.pregunta{background:#fffdf5;color:#193d50;border:2px solid #193d50;border-radius:22px;box-shadow:0 5px 0 #d9e6ec;font-family:var(--display);font-weight:500;font-size:clamp(20px,3vw,36px);line-height:1.16;-webkit-line-clamp:unset;padding:18px 24px;overflow:visible}.ilustra img{background:#fffdf5;border:2px solid #193d50;border-radius:22px;padding:12px;box-shadow:5px 6px 0 #a9ddff;max-height:calc(100% - 12px);max-width:calc(100% - 12px)}.grid{gap:13px;padding-bottom:5px}.op{border:2px solid #193d50;border-radius:17px;color:#193d50;box-shadow:0 5px 0 #193d50;min-height:clamp(65px,11vh,110px);font:600 clamp(15px,1.8vw,25px)/1.2 var(--f);overflow:visible}.op:hover:not([disabled]){filter:none;transform:translateY(-3px) rotate(-.5deg);box-shadow:0 8px 0 #193d50}.op:active:not([disabled]),.op.elegida{transform:translateY(4px);box-shadow:0 1px 0 #193d50;outline:3px solid #193d50;outline-offset:2px}.op .forma{opacity:.7;width:14px;left:12px;top:12px}.op .letra{opacity:.85;right:12px;top:10px}.op.esperando{opacity:.52}.op.buena{background:#a8dfc8;color:#173d30;border:3px solid #267354;box-shadow:0 5px 0 #267354}.op.tuya-mal{background:#ecd9e3;color:#633d56;box-shadow:0 5px 0 #633d56}.op.apagada{opacity:.35}.reloj-lado b,.respuestas-lado b{background:#ffdb70;color:#193d50;border:3px solid #193d50;box-shadow:4px 5px 0 #193d50;border-radius:28px;transform:rotate(-5deg);font-family:var(--display)}.respuestas-lado b{background:#a9ddff;transform:rotate(5deg)}.respuestas-lado span,.reloj-lado span{background:transparent;color:#607a86;margin-top:8px}.tiempo{background:#e3eef2;border:1.5px solid #193d50;border-radius:20px;overflow:hidden;min-height:12px}.tiempo i{background:#ffcf56}.tiempo b{color:#193d50}.reloj-lado.urgente b{background:#ee654f;color:#fffdf5}.banda{background:#ffdb70;color:#193d50;border:2px solid #193d50;box-shadow:0 7px 0 #193d50;transform:rotate(-2deg);border-radius:20px;left:50%;width:min(88%,600px);margin-left:0;translate:-50% 0}.banda .grande{font-family:var(--display);color:#193d50}.banda .chica{color:#426f84}.banda.mal{background:#ffe1d8;color:#193d50}.sello-practica{top:auto;bottom:23px;left:auto;right:18px;transform:none;background:#fff4df;color:#607a86;font-size:8px;padding:3px 7px;border:1px solid #b8d4e1;border-radius:8px}.progreso{height:5px;background:#e3eef2}.progreso i{background:#ee654f}
/* Sala, posiciones y final pertenecen al mismo escenario. */
.espera-ilustrada{width:230px;height:145px;margin:0 auto -7px}.espera-ilustrada img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}#espera h2{font:600 clamp(32px,7vw,56px)/1 var(--display);color:#193d50}.espera-gente{background:#ffdb70;color:#193d50;border:1.5px solid #193d50;border-radius:10px;transform:rotate(-3deg);box-shadow:2px 3px 0 #193d50}.espera-sub{color:#607a86}.espera-cuenta{font-family:var(--display);color:#ee654f;text-shadow:3px 4px 0 #193d50}.jug-chip{background:#f1ecfc;color:#193d50;border:1.5px solid #193d50;border-radius:12px;box-shadow:0 3px 0 #a9ddff}.jug-chip:nth-child(3n){background:#ffdb70}.jug-chip:nth-child(3n+1){background:#a8dfc8}.marcador-yo{color:#193d50}.marcador-yo b{color:#b13e2f}.fila,.pod{background:#fffdf5;color:#193d50;border:1.5px solid #193d50;border-radius:13px;box-shadow:0 3px 0 #dce9ee;padding:14px 16px;gap:13px}.fila b,.pod b{color:#193d50;display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:50%;background:#e7def8;font-family:var(--display)}.fila span,.pod span,.fila em,.pod em{color:#193d50}.fila.yo,.pod.yo{background:#ffdb70;border-color:#193d50}.fila.yo b,.pod.yo b{background:#fff4df}.fila:first-child{border-width:2px}.fila.sube b::after{color:#23684e}.pod{animation:entraFila .45s both}.pod:nth-child(2){animation-delay:150ms}.pod:nth-child(3){animation-delay:300ms}.pod:first-child{background:#ffdb70;border-width:2px}.podio{max-width:600px;margin:0 auto 24px}.puntazo{font-family:var(--display);color:#ee654f;text-shadow:3px 4px 0 #193d50}#final.on{overflow-y:auto;justify-content:flex-start;padding-bottom:35px;gap:18px;align-items:center}#final .boton{max-width:500px}#final .sub{color:#607a86}#final .logo{color:#607a86;margin-top:20px}.fin-premios{background:#ffefb7;border:2px dashed #c79032;color:#604422;padding:17px 22px;border-radius:16px;max-width:600px;font-size:15px;line-height:1.5}#repaso h2{color:#193d50;font-family:var(--display)}#repaso .item{background:#fffdf5;color:#193d50;border:1px solid #dce9ee}#repaso .item .q,#repaso .item .f{color:#193d50}
/* Diálogos y acceso. */
.ranking-dialog{background:#fffdf5;color:#193d50;border:2px solid #193d50;border-radius:24px;box-shadow:8px 9px 0 #a9ddff;max-width:540px;width:calc(100% - 36px);max-height:85dvh;padding:28px}.ranking-dialog::backdrop{background:#193d5088;backdrop-filter:blur(5px)}.ranking-dialog h2{font:600 34px/1.1 var(--display);letter-spacing:-.02em}.ranking-dialog p{font-size:14px;line-height:1.5;color:#607a86;margin:12px 0 20px}.ranking-dialog .panel-encabezado button{font-size:18px;padding:8px;color:#193d50}.ranking-periodos{display:flex;gap:8px;margin:20px 0}.ranking-periodos button{padding:10px 16px;border:1.5px solid #dce9ee;border-radius:10px;background:#f1ecfc;color:#193d50;font-size:13px}.ranking-periodos [aria-pressed=true]{background:#ffdb70;border-color:#193d50;box-shadow:0 3px 0 #193d50}.ranking-vacia{padding:30px 15px;text-align:center;border:2px dashed #dce9ee;border-radius:14px;color:#607a86;font-size:14px}.ranking-dialog .fila{margin-bottom:10px;animation:none}.ranking-dialog .fila small{display:block;font-size:10px;color:#607a86;margin-top:6px}.cuenta-dialog form{display:grid;gap:14px}.cuenta-dialog label{display:grid;gap:6px;font-size:13px;color:#607a86}.cuenta-dialog input:not([type=checkbox]),.cuenta-dialog select{width:100%;box-sizing:border-box;border:1.5px solid #dce9ee;border-radius:9px;background:#fff;color:#193d50;padding:13px;font-size:16px}.cuenta-dialog label.mail-check{display:flex}.cuenta-dialog a{color:#a13f30}#cuenta-error{font-size:13px;color:#a13f30;margin:0}.tarjeta-mail{background:#fffdf5;border:2px solid #193d50}.tarjeta-mail h3{color:#193d50}.tarjeta-mail p,.mail-check{color:#607a86}.conexion-aviso{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;background:#ffdb70;color:#193d50;border:2px solid #193d50;border-radius:12px;padding:12px 20px;max-width:90%;font-size:13px;box-shadow:0 4px 0 #193d50}
.confeti{position:fixed;inset:0;pointer-events:none;z-index:12;overflow:hidden}.confeti i{position:absolute;top:-20px;width:9px;height:16px;background:#ffcf56;animation:confetiCaer 2.8s ease-in forwards}.confeti i:nth-child(3n){background:#ee654f}.confeti i:nth-child(3n+1){background:#1688dc}@keyframes confetiCaer{to{transform:translateY(105vh) rotate(680deg);opacity:0}}body[data-pantalla=final] .ronda-indice,body[data-pantalla=repaso] .ronda-indice{display:none}
/* Pantalla compartida del host. */
.trivia-host .barra{height:64px}.trivia-host .enunciado,.trivia-host .pin-caja{background:#fffdf5;color:#193d50;border:2px solid #193d50;box-shadow:0 5px 0 #a9ddff}.trivia-host .logo-grande{font-family:var(--display);color:#193d50}.trivia-host .logo-grande em{color:#ee654f}.trivia-host .empezar{background:#ee654f;color:#fffdf5;border:2px solid #193d50;box-shadow:0 5px 0 #193d50}.trivia-host .op-xl{color:#193d50;border:2px solid #193d50;box-shadow:0 5px 0 #193d50;border-radius:17px}.trivia-host .op-xl.buena{background:#a8dfc8;color:#173d30}.trivia-host .host-explicacion{max-width:850px;margin:15px auto;color:#426f84;font-size:clamp(16px,2vw,26px);text-align:center}.trivia-host #host-estado{position:fixed;bottom:15px;left:20px;z-index:20;background:#ffdb70;color:#193d50;border-radius:8px;padding:8px 12px;font-size:13px}.trivia-host #host-estado:empty{display:none}.trivia-host .fila-xl{background:#fffdf5;border:2px solid #193d50;color:#193d50;box-shadow:3px 4px 0 #a9ddff}.trivia-host .fila-xl b,.trivia-host .fila-xl span,.trivia-host .fila-xl em{color:#193d50}.trivia-host .fila-xl:first-child{background:#ffdb70}.trivia-host .reloj-xl,.trivia-host .respuestas-xl .n{background:#ffdb70;color:#193d50;border:2px solid #193d50}.trivia-host .capsula,.trivia-host .jug{background:#a9ddff;color:#193d50;border:1.5px solid #193d50}
@media(min-width:900px) and (max-height:780px){#puerta.on{padding-top:80px;gap:35px}.entrada-panel{padding:21px 24px}#puerta h1{font-size:76px}.entrada-editorial .logo{margin-bottom:12px}.entrada-etiqueta{margin-bottom:9px}.escenario-mundo{height:245px}.entrada-panel .modo-aviso{margin-bottom:15px}.entrada-panel .panel-encabezado{margin-bottom:12px}.apodo{padding:10px 12px}.otra-vuelta{margin-bottom:10px}.figuritas{margin-bottom:20px}.entrada-ayuda{margin-top:12px}.ranking-abrir{margin-top:8px;padding-top:9px}}
@media(max-width:899px){.barra{height:56px;padding:0 14px}.barra .marca-vivo{font-size:16px}.marca-mini{width:27px;height:27px;font-size:22px;margin-right:3px}.marca-conductores{display:none}.barra .izq{flex:.15}.barra .icono{width:30px}.barra .der{gap:7px;flex:.6}body.con-barra .pantalla{padding-top:72px}#puerta.on{display:flex;align-items:stretch;justify-content:flex-start;gap:22px;padding:80px 25px 35px;max-width:560px}.entrada-editorial .logo{margin-bottom:16px}.entrada-etiqueta{font-size:8px;letter-spacing:.08em}#puerta h1{font-size:clamp(58px,16vw,82px);line-height:.9;margin-bottom:14px}#puerta .bajada{font-size:14px}.escenario-mundo{height:210px;margin:0 auto -7px;max-width:370px}.arte-sello{width:68px;height:68px;font-size:8px;right:0;top:24%}.arte-sello i{font-size:20px}.arte-estrella{font-size:35px}.estrella-a{left:0}.estrella-b{font-size:28px;right:11%}.entrada-reglas{gap:13px}.entrada-reglas span{font-size:9px;gap:5px}.entrada-reglas b{width:19px;height:19px;font-size:8px}.entrada-panel{padding:25px 22px;box-shadow:6px 7px 0 #a9ddff,7px 8px 0 1px #193d50}.pregunta{font-size:clamp(19px,5.4vw,28px);padding:14px 13px;border-radius:17px}.grid{gap:11px}.op{font-size:clamp(14px,3.8vw,21px);padding:14px 10px;min-height:90px}.ilustra img{padding:8px}.op .forma{width:11px;left:9px;top:9px}.op .letra{right:9px;top:8px;font-size:10px}.tiempo{height:28px}.banda{width:88%}.barra .ronda-indice{font-size:9px}.espera-ilustrada{height:120px;width:190px}.fila,.pod{padding:12px}.ranking-dialog{padding:22px}.ranking-dialog h2{font-size:30px}}
@media(max-width:380px){#puerta.on{padding-left:18px;padding-right:21px}.entrada-panel{padding:23px 17px}.figuritas{gap:7px}.marca-mini{display:none}.barra .marca-vivo{font-size:14px}}
@media(max-height:600px){.espera-ilustrada{display:none}.pregunta{padding:10px 14px;font-size:clamp(16px,3.6vh,26px)}.op{min-height:48px;padding:18px 14px;font-size:clamp(13px,3vh,20px)}.tiempo{height:20px}.escenario-mundo{height:190px}.entrada-editorial .logo{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.confeti{display:none}}
.trivia-host .host-dupla{font-size:16px;letter-spacing:.07em;color:#607a86;margin:12px 0 0}.trivia-host .host-mundo{width:min(380px,40vw);height:clamp(110px,24vh,230px);object-fit:contain;mix-blend-mode:multiply}.trivia-host .centro{gap:10px}.trivia-host .marca-vivo{color:#193d50}.trivia-host .marca-vivo em{color:#d54533}.trivia-host .omitir{background:#ffcf56;color:#193d50;border:2px solid #193d50;box-shadow:0 3px 0 #193d50}.tiempo b{text-shadow:none}
/* Podio real: el primer puesto ocupa el centro y los otros dos lo acompañan. */
.podio:has(.pod:nth-child(3)){display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:12px;padding-top:28px}.podio:has(.pod:nth-child(3)) .pod:nth-child(-n+3){grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px 8px 14px;text-align:center;position:relative;border-radius:22px 22px 10px 10px;box-shadow:0 6px 0 #193d50}.podio:has(.pod:nth-child(3)) .pod:first-child{grid-column:2;min-height:185px;background:#ffdb70}.podio:has(.pod:nth-child(3)) .pod:first-child::before{content:'♛';position:absolute;top:-37px;font-size:42px;color:#c7841a;text-shadow:1px 1px 0 #193d50}.podio:has(.pod:nth-child(3)) .pod:nth-child(2){grid-column:1;min-height:150px;background:#b5e2f9}.podio:has(.pod:nth-child(3)) .pod:nth-child(3){grid-column:3;min-height:125px;background:#ffc0a7}.podio:has(.pod:nth-child(3)) .pod:nth-child(-n+3) b{font-size:30px;background:transparent;min-width:0}.podio:has(.pod:nth-child(3)) .pod:nth-child(-n+3) span{font-size:15px;flex:none;text-align:center;word-break:break-word}.podio:has(.pod:nth-child(3)) .pod:nth-child(n+4){grid-column:1/-1}.podio:empty{display:none}
.escenario-mundo img,.espera-ilustrada img,.trivia-host .host-mundo{mix-blend-mode:normal}.escenario-mundo img{filter:drop-shadow(0 10px 9px #7a673d12)}
@media(max-width:600px){body[data-pantalla=juego] .barra .marca-mini,body[data-pantalla=final] .barra .marca-mini{display:none}.barra .izq,.barra .der{flex:0 0 auto}.barra .der{gap:6px}.barra .icono{flex-shrink:0;width:27px}.barra .marca-vivo{font-size:14px;gap:4px}.barra .puntos-chip{font-size:14px;padding:6px 9px}.barra .racha-chip{display:none}.sello-practica{top:64px;bottom:auto;right:15px}.barra{gap:8px;padding:0 12px}}

/* Edición tipográfica 03: personalidad en titulares; lectura clara en la interfaz.
   Mínimos: 16 px para contenido/acciones, 14 px para ayuda, 12 px para índices. */
:root {
  --f: 'Inter', system-ui, sans-serif;
  --display: 'Manrope', 'Inter', system-ui, sans-serif;
}
body { font-family: var(--f); line-height: 1.5; }
button, input { font-family: var(--f); }
#puerta h1 {
  font-family: var(--display); font-weight: 800;
  font-size: clamp(64px, 6.5vw, 88px); line-height: 1.02;
  letter-spacing: -.055em; margin-bottom: 18px;
}
#puerta h1 em { text-shadow: none; color: #db513e; }
#puerta h1 em::after { bottom: 1px; height: 12px; }
.entrada-editorial .logo {
  font: 600 16px/1.4 var(--f); text-transform: none;
  letter-spacing: 0; color: #62516d; margin-bottom: 20px;
}
.dupla b { font-size: 16px; font-weight: 800; }
#puerta .bajada { font-size: 18px; line-height: 1.6; color: #62516d; }
.arte-sello { font-size: 17px; line-height: 1.3; }
.entrada-reglas { gap: 18px; }
.entrada-reglas span { font-size: 14px; line-height: 1.4; color: #62516d; }
.entrada-reglas b { font-size: 12px; width: 26px; height: 26px; flex-shrink: 0; }
.panel-encabezado { font-size: 18px; line-height: 1.3; letter-spacing: -.025em; }
.entrada-panel .modo-aviso { font-size: 16px; line-height: 1.5; padding: 14px 16px; }
.modo-aviso b { font-size: 17px; }
.entrada-panel .rotulo {
  font-size: 14px; font-weight: 600; line-height: 1.4;
  letter-spacing: 0; text-transform: none; color: #62516d;
}
.apodo { font: 600 17px/1.35 var(--f); padding: 11px 14px; }
.otra-vuelta { font-size: 14px; line-height: 1.4; padding: 9px 0; color: #62516d; }
.boton { font: 800 20px/1.3 var(--display); padding: 16px; letter-spacing: -.02em; }
.entrada-ayuda { font-size: 14px; line-height: 1.5; color: #6c5c77; margin-top: 16px; }
.ranking-abrir, .entrada-panel #cuenta-abrir { font-size: 16px; line-height: 1.4; padding-top: 12px; }
.entrada-panel #cuenta-abrir { color: #62516d; }
.barra .marca-vivo { font: 800 19px/1.2 var(--display); letter-spacing: -.04em; }
.marca-conductores { font: 500 14px/1.4 var(--f); letter-spacing: 0; color: #62516d; }
.barra .ronda-indice { font-size: 14px; line-height: 1.4; }
.barra .icono { width: 36px; height: 36px; flex-shrink: 0; }
.barra .racha-chip { font-size: 13px; }
.pregunta { font-family: var(--display); font-weight: 800; line-height: 1.25; letter-spacing: -.035em; }
.op { font-family: var(--f); font-weight: 600; line-height: 1.35; }
.op .letra { font-size: 13px; }
.respuestas-lado span, .reloj-lado span { font-size: 14px; text-transform: none; letter-spacing: 0; }
.sello-practica { font-size: 12px; letter-spacing: 0; text-transform: none; padding: 4px 9px; }
.espera-gente { font-size: 15px; text-transform: none; letter-spacing: 0; }
#espera h2, .ranking-dialog h2 { font-weight: 800; letter-spacing: -.04em; line-height: 1.15; }
.espera-sub { font-size: 18px; line-height: 1.5; }
.jug-chip { font-size: 16px; line-height: 1.3; }
.fila span, .pod span, .fila em, .pod em { font-size: 17px; line-height: 1.4; }
.podio:has(.pod:nth-child(3)) .pod:nth-child(-n+3) span { font-size: 16px; }
.ranking-dialog p, .ranking-vacia { font-size: 16px; line-height: 1.6; }
.ranking-periodos button { font-size: 16px; }
.ranking-dialog .fila small { font-size: 14px; }
.cuenta-dialog label, .mail-check { font-size: 16px; line-height: 1.5; }
#cuenta-error { font-size: 14px; line-height: 1.5; }
#final .sub { font-size: 16px; line-height: 1.5; letter-spacing: 0; text-transform: none; }
#final .logo { font-size: 15px; line-height: 1.4; letter-spacing: .06em; }
.fin-premios { font-size: 16px; }
.banda .grande, .puntazo { font-family: var(--display); font-weight: 800; }
.banda .chica { font-size: 17px; line-height: 1.4; }
@media (min-width: 900px) and (max-height: 850px) {
  #puerta.on { align-items: start; padding-top: 92px; padding-bottom: 36px; }
  .entrada-editorial { align-self: center; }
  .entrada-panel { padding: 23px 25px; }
  .entrada-panel .modo-aviso { margin-bottom: 16px; }
  .escenario-mundo { height: 245px; }
}
@media (max-width: 899px) {
  #puerta.on { padding-top: 86px; }
  #puerta h1 { font-size: clamp(52px, 14vw, 76px); line-height: 1.03; }
  .entrada-editorial .logo { font-size: 15px; gap: 9px; }
  #puerta .bajada { font-size: 17px; }
  .entrada-reglas { gap: 12px; }
  .entrada-reglas span { flex: 1; flex-direction: column; font-size: 14px; gap: 6px; }
  .entrada-reglas b { width: 26px; height: 26px; font-size: 12px; }
  .arte-sello { font-size: 15px; width: 76px; height: 76px; }
  .entrada-panel { padding: 25px 20px; }
  .panel-encabezado { font-size: 18px; }
  .entrada-panel .rotulo { font-size: 14px; }
  .apodo { font-size: 17px; }
  .pregunta { font-size: clamp(21px, 5.5vw, 28px); }
  /* Relleno parejo: el 28px de arriba era el lugar de la letra y el símbolo, que ya no están. */
  .op { font-size: clamp(16px, 4.2vw, 21px); padding: 14px 10px; }
  .op .letra { font-size: 13px; }
  .barra .marca-vivo { font-size: 16px; }
  .barra .icono { width: 34px; height: 34px; }
  .barra .ronda-indice { font-size: 14px; }
  .barra .puntos-chip { font-size: 16px; }
  body[data-pantalla=juego] .barra .marca-vivo { display: none; }
  .ranking-periodos { gap: 6px; }
  .ranking-periodos button { padding: 10px 12px; }
}
@media (max-width: 380px) {
  .marca-mini { display: none; }
  .barra .marca-vivo { font-size: 15px; }
  .entrada-panel { padding: 24px 17px; }
}
@media (max-height: 600px) {
  .pregunta { font-size: clamp(18px, 4vh, 26px); padding: 10px 14px; }
  .op { font-size: 16px; min-height: 52px; padding: 23px 10px 10px; }
  .sello-practica { display: none; }
}
.entrada-enlaces { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px; margin-top: 14px; padding-top: 8px; border-top: 1px dashed #b8d4e1; }
.entrada-enlaces .ranking-abrir, .entrada-enlaces #cuenta-abrir { border: 0; margin: 0; padding: 7px 0; font-size: 15px; line-height: 1.4; }
@media (min-width: 900px) { .entrada-panel { padding: 22px 25px; } .entrada-ayuda { margin-top: 13px; } .entrada-enlaces { margin-top: 10px; padding-top: 5px; } }