.tv{background:var(--deep);color:var(--blanco);flex-direction:column;font-size:1.6vw;display:flex;position:fixed;inset:0;overflow:hidden}.tv-barra{justify-content:space-between;align-items:center;gap:2vw;min-height:9vh;padding:1.2vh 2vw;display:flex}.tv-barra .progreso{background:var(--clear);color:var(--deep);border-radius:999px;padding:.3em 1em;font-size:1.6vw;font-weight:700}.tv-etiqueta-previa{color:var(--clear);border:2px dashed var(--clear);border-radius:999px;padding:.3em 1em;font-size:1.3vw;font-weight:700}.tv-qr-mini{text-align:right;align-items:center;gap:.8vw;font-size:1.1vw;display:flex}.tv-qr-mini img{background:var(--blanco);border-radius:6px;width:6.5vh;height:6.5vh;padding:3px}.tv-qr-mini strong{letter-spacing:.08em;font-size:1.5vw;display:block}.tv-cuerpo{flex-direction:column;flex:1;min-height:0;padding:0 2vw 10vh;display:flex}.tv-controles{z-index:5;gap:.8vw;display:flex;position:fixed;bottom:2.5vh;right:2vw}.tv-controles .boton{background:var(--blanco);color:var(--deep);border-color:var(--blanco);font-size:1.3vw}.tv-controles .boton.secundario{color:var(--blanco);background:0 0}.tv-espera{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:4vw;padding:2vh 4vw 12vh;display:grid}.tv-espera .qr{background:var(--blanco);border-radius:var(--radio);width:34vh;height:34vh;padding:1.5vw}.tv-espera .qr img{width:100%;height:100%;display:block}.tv-espera .direccion{margin:.2em 0 .6em;font-size:2.2vw}.tv-espera .direccion strong{letter-spacing:.02em;font-size:3.6vw;display:block}.tv-espera .contador{margin-bottom:1.2vh;font-size:1.8vw}.tv-espera .contador strong{font-size:3vw}.tv-nombres{flex-wrap:wrap;gap:.6vw;max-height:34vh;display:flex;overflow:hidden}.tv-nombres button{font:inherit;background:var(--clear);color:var(--deep);cursor:pointer;border:none;border-radius:999px;padding:.3em .9em;font-size:1.4vw;font-weight:600;animation:.4s ease-out aparecer}.tv-nombres.muchos button{padding:.2em .7em;font-size:1vw}.tv-nombres .mas{align-self:center;font-size:1.4vw;font-weight:600}.tv-nombres button.desconectado{opacity:.5}@keyframes aparecer{0%{opacity:0;transform:scale(.6)}}.tv-cuenta{flex:1;place-items:center;display:grid}.tv-cuenta>div{text-align:center}.tv-cuenta .numero{font-size:40vh;font-weight:800;line-height:1;animation:1s ease-out infinite latido}.tv-cuenta .rotulo{text-align:center;font-size:2.4vw}@keyframes latido{0%{opacity:.4;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.tv-pregunta-texto{background:var(--blanco);color:var(--deep);border-radius:var(--radio);text-align:center;padding:2vh 2vw;font-size:3.2vw;font-weight:700;line-height:1.2}.tv-medio{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:12vw minmax(0,1fr) 12vw;align-items:center;gap:2vw;min-height:0;padding:2vh 0 3.5vh;display:grid}.tv-reloj{background:var(--clear);width:10vw;height:10vw;color:var(--deep);border-radius:50%;justify-self:center;place-items:center;font-size:4.5vw;font-weight:800;display:grid}.tv-reloj.urgente{background:var(--blanco);color:var(--rojo)}.tv-imagen{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.tv-imagen img{border-radius:var(--radio);object-fit:contain;max-width:100%;min-height:0;max-height:100%}.tv-contador{text-align:center;font-size:1.4vw}.tv-contador strong{font-size:4vw;line-height:1;display:block}.tv-respuestas{grid-template-columns:1fr 1fr;gap:1vw;display:grid}.tv-respuestas .respuesta{text-align:left;gap:1vw;min-height:11vh;padding:1.5vh 1.5vw;font-size:2.4vw}.tv-aviso-cierre{background:var(--clear);color:var(--deep);border-radius:999px;align-self:center;padding:.3em 1.2em;font-weight:700}.tv-barras{flex:1;justify-content:center;align-items:flex-end;gap:3vw;min-height:0;padding:2vh 0;display:flex}.tv-barra-col{flex-direction:column;align-items:center;width:9vw;height:100%;font-weight:800;display:flex}.tv-barra-col .zona{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;min-height:0;display:flex}.tv-barra-col .cifra{margin-bottom:.5vh;font-size:3vw}.tv-barra-col .relleno{transform-origin:bottom;border-radius:10px 10px 0 0;width:100%;min-height:1vh;animation:.8s cubic-bezier(.16,1,.3,1) both subir}.tv-barra-col .forma-pie{color:var(--blanco);margin-top:1vh;font-size:2.6vw}.tv-barra-col.atenuada{opacity:.3}.tv-ranking{flex-direction:column;flex:1;justify-content:center;gap:.9vh;width:min(70vw,1400px);margin:0 auto;padding-bottom:8vh;display:flex}.tv-ranking h2{text-align:center;font-size:3.2vw}.tv-fila-ranking{background:var(--blanco);color:var(--deep);border-radius:14px;grid-template-columns:4vw 1fr auto;align-items:center;padding:.9vh 1.5vw;font-size:2vw;font-weight:600;animation:.5s ease-out both entrar;display:grid}.tv-fila-ranking:first-of-type{background:var(--clear);font-size:2.4vw}.tv-fila-ranking .pos{font-weight:800}@keyframes entrar{0%{opacity:0;transform:translate(-6vw)}}.tv-suspense{text-align:center;flex:1;place-items:center;display:grid}.tv-suspense h2{font-size:5vw;animation:.6s ease-in-out infinite alternate latido}.tv-tambor{justify-content:center;gap:1.5vw;margin-top:4vh;display:flex}.tv-tambor span{background:var(--clear);border-radius:50%;width:3vw;height:3vw;animation:.5s ease-in-out infinite alternate redoble}.tv-tambor span:nth-child(2){animation-delay:.1s}.tv-tambor span:nth-child(3){animation-delay:.2s}.tv-tambor span:nth-child(4){animation-delay:.3s}.tv-tambor span:nth-child(5){animation-delay:.4s}@keyframes redoble{0%{opacity:.4;transform:translateY(0)scale(.7)}to{opacity:1;transform:translateY(-3vh)scale(1)}}.tv-podio{flex:1;justify-content:center;align-items:flex-end;gap:2vw;padding-bottom:0;display:flex}.tv-escalon{text-align:center;flex-direction:column;align-items:center;width:22vw;display:flex}.tv-escalon .nombre{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.4vh;font-size:2.8vw;font-weight:800;overflow:hidden}.tv-escalon .puntos{margin-bottom:1.5vh;font-size:1.8vw}.tv-escalon .bloque{background:var(--clear);width:100%;color:var(--deep);border-radius:var(--radio) var(--radio) 0 0;transform-origin:bottom;justify-content:center;padding-top:2vh;font-size:9vh;font-weight:800;animation:1s cubic-bezier(.16,1,.3,1) both subir;display:flex}.tv-escalon.primero .bloque{background:var(--blanco)}.tv-escalon.oculto{visibility:hidden}@keyframes subir{0%{transform:scaleY(0)}}.tv-escalon .datos{animation:.6s ease-out .6s both aparecer}.confeti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confeti i{width:1vw;height:1.6vw;animation:linear forwards caer;position:absolute;top:-5vh}@keyframes caer{to{transform:translateY(115vh)rotate(720deg)}}.tv-mensaje{text-align:center;flex:1;place-items:center;padding:0 10vw;font-size:2.4vw;display:grid}.jugador{background:var(--deep);color:var(--blanco);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.jugador-cabecera{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem;font-weight:700;display:flex}.jugador-cabecera .nombre{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jugador-cabecera .progreso{background:var(--clear);color:var(--deep);border-radius:999px;flex-shrink:0;padding:.15em .8em}.jugador-centro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.8rem;padding:24px 16px;font-size:1.15rem;display:flex}.jugador-centro h2{margin:0;font-size:2rem}.jugador-centro .grande{font-size:7rem;font-weight:800;line-height:1}.jugador-botones{flex:1;gap:10px;padding:10px;display:grid}.jugador-botones.n4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.jugador-botones.n2{grid-template-rows:1fr 1fr}.jugador-botones .respuesta{cursor:pointer;border-radius:16px;justify-content:center}.jugador-botones .respuesta:active{transform:scale(.97)}.jugador-elegida{border-radius:20px;justify-content:center;width:120px;height:120px}.jugador.acierto{background:var(--verde)}.jugador.fallo{background:var(--rojo)}.jugador-form{width:100%;max-width:360px}.jugador-form input{width:100%;font:inherit;text-align:center;color:var(--deep);border:none;border-radius:14px;margin-bottom:.8rem;padding:.8em;font-size:1.3rem}.jugador-form .boton{background:var(--clear);width:100%;color:var(--deep);border-color:var(--clear);justify-content:center;font-size:1.2rem}.jugador-error{background:var(--blanco);color:#8a1024;border-radius:12px;padding:.6rem 1rem;font-size:1rem}.jugador-reconectando{background:var(--amarillo);color:var(--deep);text-align:center;z-index:10;padding:6px;font-weight:700;position:fixed;top:0;left:0;right:0}:root{--deep:#323e48;--clear:#b6dce1;--superficie:#f3f6f7;--tinta:#323e48;--tinta-suave:#56636d;--linea:#dce3e6;--blanco:#fff;--radio:20px;--rojo:#e21b3c;--azul:#1368ce;--amarillo:#d89e00;--verde:#26890c;--fuente:"Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#raiz{min-height:100%;margin:0}body{font-family:var(--fuente);color:var(--tinta);background:var(--superficie);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5em;line-height:1.15}a{color:var(--deep)}.boton{font:inherit;border:2px solid var(--deep);background:var(--deep);color:var(--blanco);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.6em 1.4em;font-weight:600;text-decoration:none;display:inline-flex}.boton:hover{filter:brightness(1.15)}.boton:disabled{opacity:.45;cursor:default;filter:none}.boton.secundario{color:var(--deep);background:0 0}.boton.peligro{background:var(--blanco);color:var(--rojo);border-color:var(--rojo)}.boton.pequeno{padding:.35em .9em;font-size:.9rem}.campo{gap:.35rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:grid}.campo input,.campo textarea,.campo select{font:inherit;color:var(--tinta);border:2px solid var(--linea);background:var(--blanco);border-radius:12px;width:100%;padding:.65em .8em;font-weight:400}.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--deep);outline:none}.aviso{background:var(--clear);color:var(--deep);border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem}.aviso.error{color:#8a1024;background:#fde8eb}.aviso ul{margin:.4rem 0 0;padding-left:1.2rem}.pagina-centrada{background:var(--deep);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.tarjeta{background:var(--blanco);border-radius:var(--radio);width:100%;max-width:420px;padding:2rem}.tarjeta .logo{margin-bottom:1.5rem}.tarjeta .boton{justify-content:center;width:100%}.enlace-pie{text-align:center;margin-top:1rem;font-size:.9rem}.admin{min-height:100vh}.admin-cabecera{background:var(--deep);color:var(--blanco);flex-wrap:wrap;align-items:center;gap:2rem;padding:14px 24px;display:flex}.admin-cabecera nav{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.admin-cabecera nav a{color:var(--blanco);border-radius:999px;padding:.45em .9em;font-weight:500;text-decoration:none}.admin-cabecera nav a.active{background:var(--clear);color:var(--deep)}.admin-cabecera .usuario{align-items:center;gap:.8rem;font-size:.9rem;display:flex}.admin-cabecera .usuario button{border:1px solid var(--clear);color:var(--blanco);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.3em .9em}.admin-contenido{max-width:1240px;margin:0 auto;padding:32px 24px 64px}.titulo-fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.titulo-fila h1{margin:0}.panel{background:var(--blanco);border-radius:var(--radio);margin-bottom:1.5rem;padding:1.5rem}table.tabla{border-collapse:collapse;background:var(--blanco);border-radius:var(--radio);width:100%;overflow:hidden}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--linea);vertical-align:middle;padding:.8rem 1rem}.tabla th{text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-suave);background:var(--blanco);font-size:.8rem}.tabla tr:last-child td{border-bottom:none}.tabla .acciones{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.etiqueta{background:var(--clear);color:var(--deep);border-radius:999px;padding:.15em .7em;font-size:.8rem;font-weight:600;display:inline-block}.etiqueta.apagada{background:var(--linea)}.vacio{text-align:center;color:var(--tinta-suave);padding:3rem 1rem}.lista-preguntas{grid-template-columns:minmax(0,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.item-pregunta{background:var(--blanco);border:2px solid #0000;border-radius:14px;align-items:center;gap:.8rem;min-width:0;padding:.8rem 1rem;display:flex}.item-pregunta.activa{border-color:var(--deep)}.item-pregunta .asa{cursor:grab;color:var(--tinta-suave);touch-action:none;-webkit-user-select:none;user-select:none;padding:0 .2rem;font-size:1.3rem}.item-pregunta .texto{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:0;overflow:hidden}.item-pregunta .num{width:1.8rem;font-weight:700}.editor-rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.editor-rejilla{grid-template-columns:1fr}}.respuestas-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}@media (width<=640px){.respuestas-editor{grid-template-columns:minmax(0,1fr)}}.respuesta-editor{min-width:0;color:var(--blanco);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.respuesta-editor input[type=text]{min-width:0;font:inherit;border:none;border-radius:8px;flex:1;padding:.5em .6em}.respuesta-editor label{cursor:pointer;flex-shrink:0;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;display:flex}.respuesta-editor .forma{text-align:center;width:1.4rem;font-size:1.2rem}.selector-tipo{border:2px solid var(--deep);border-radius:999px;margin-bottom:1rem;display:inline-flex;overflow:hidden}.selector-tipo button{font:inherit;background:var(--blanco);color:var(--deep);cursor:pointer;border:none;padding:.45em 1.2em;font-weight:600}.selector-tipo button.activo{background:var(--deep);color:var(--blanco)}.imagen-previa{border-radius:12px;max-width:100%;max-height:220px;margin-bottom:.6rem;display:block}.fila-botones{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.respuesta{color:var(--blanco);font-family:var(--fuente);border:none;border-radius:12px;align-items:center;font-weight:700;transition:opacity .3s;display:flex}.respuesta .forma{text-align:center;flex-shrink:0}.respuesta.atenuada{opacity:.25}.respuesta.correcta{box-shadow:0 0 0 6px var(--blanco), 0 0 0 10px var(--deep)}.c-rojo{background:var(--rojo)}.c-azul{background:var(--azul)}.c-amarillo{background:var(--amarillo)}.c-verde{background:var(--verde)}
