:root{--fondo: #0b0b0f;--carta: #16161f;--borde: #2a2a38;--texto: #f5f5f7;--tenue: #8b8b9a;--acento: #ff2e63;--exito: #2ee6a8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#raiz{min-height:100dvh;display:flex;flex-direction:column}.pantalla{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));max-width:560px;width:100%;margin:0 auto}.titulo{font-size:28px;font-weight:700;line-height:1.15}.tenue{color:var(--tenue);font-size:15px}.boton{border:none;border-radius:14px;background:var(--acento);color:#fff;font-size:18px;font-weight:600;padding:18px;width:100%;cursor:pointer;transition:transform .15s,opacity .15s}.boton:active{transform:scale(.98)}.boton:disabled{opacity:.4;cursor:default}.boton-tenue{background:transparent;border:1px solid var(--borde);color:var(--tenue);font-size:15px;padding:14px}.campo{width:100%;background:var(--carta);border:1px solid var(--borde);border-radius:14px;color:var(--texto);font-size:18px;padding:18px}.campo::placeholder{color:var(--tenue)}.lista{display:flex;flex-direction:column;gap:10px}.jugador{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--carta);border:2px solid var(--borde);border-radius:16px;color:var(--texto);font-size:20px;font-weight:600;padding:0 20px;width:100%;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.jugador:active{transform:scale(.99)}.jugador[data-elegido=true]{border-color:var(--acento)}.jugador:disabled{opacity:.35;cursor:default}.error{background:#ff2e631f;border:1px solid var(--acento);border-radius:12px;padding:14px;font-size:15px}.controles{margin-top:auto;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--borde);padding-top:16px}.codigo{font-size:44px;font-weight:800;letter-spacing:8px;text-align:center}.carta{background:var(--carta);border:1px solid var(--borde);border-radius:20px;padding:28px 24px;font-size:30px;font-weight:700;line-height:1.2}.marca-voto{color:var(--exito);font-weight:700}.opciones{display:flex;gap:8px;margin-top:8px}.opcion{flex:1;background:var(--carta);border:2px solid var(--borde);border-radius:12px;color:var(--texto);font-size:14px;font-weight:600;padding:14px 4px;cursor:pointer;transition:border-color .15s,transform .15s}.opcion:active{transform:scale(.97)}.opcion[data-activo=true]{border-color:var(--acento);color:var(--acento)}.interruptor-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--carta);border:1px solid var(--borde);border-radius:14px;padding:16px 18px;cursor:pointer}.interruptor{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.interruptor input{opacity:0;width:0;height:0}.interruptor-cursor{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--borde);border-radius:999px;transition:background .15s}.interruptor-cursor:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:var(--texto);border-radius:50%;transition:transform .15s}.interruptor input:checked+.interruptor-cursor{background:var(--acento)}.interruptor input:checked+.interruptor-cursor:before{transform:translate(20px)}.centrado{text-align:center}.cuenta-regresiva{font-size:80px;font-weight:800;text-align:center;color:var(--acento)}.lista-votos{display:flex;flex-direction:column;gap:10px}.linea-voto{background:var(--carta);border:1px solid var(--borde);border-radius:14px;padding:16px 20px;font-size:18px;font-weight:600;animation:aparecer-voto .2s ease-out}@keyframes aparecer-voto{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pantalla-tv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(20px,3vh,56px);padding:clamp(24px,4vh,64px) clamp(24px,5vw,96px);max-width:min(1600px,96vw);width:100%;margin:0 auto}.pantalla-tv .titulo{font-size:clamp(40px,6vw,108px)}.pantalla-tv .tenue{font-size:clamp(16px,2vw,30px)}.pantalla-tv .codigo{font-size:clamp(72px,15vw,200px);letter-spacing:clamp(10px,2vw,28px)}.pantalla-tv .carta{width:100%;font-size:clamp(30px,4.2vw,64px);padding:clamp(28px,4vw,56px)}.pantalla-tv .cuenta-regresiva{font-size:clamp(140px,22vw,320px)}.pantalla-tv .lista,.pantalla-tv .lista-votos{width:100%}.pantalla-tv .jugador{font-size:clamp(20px,2.6vw,36px);min-height:clamp(64px,9vh,110px)}.pantalla-tv .linea-voto{font-size:clamp(22px,3vw,42px);padding:clamp(16px,2vh,28px) clamp(20px,3vw,36px)}.pregunta-contexto{color:var(--tenue);font-size:30px;line-height:1.2;font-style:italic;text-align:center}.acusado{color:var(--acento);font-size:68px;line-height:1.05;overflow-wrap:anywhere;margin-bottom:14px}.sello{display:inline-block;border:4px solid var(--acento);color:var(--acento);border-radius:8px;padding:4px 14px;font-size:22px;font-weight:800;letter-spacing:4px;margin-bottom:10px;transform:rotate(-8deg);animation:estampar .35s cubic-bezier(.2,1.4,.4,1) both}@keyframes estampar{0%{transform:rotate(-8deg) scale(2.6);opacity:0}60%{transform:rotate(-8deg) scale(.94);opacity:1}to{transform:rotate(-8deg) scale(1);opacity:1}}.linea-voto[data-acusado=true]{border-color:var(--acento)}.boton-sonido{position:fixed;right:16px;bottom:16px;background:var(--carta);border:1px solid var(--borde);color:var(--texto);border-radius:999px;padding:12px 18px;font-size:16px;cursor:pointer}.pantalla-tv .sello{font-size:clamp(28px,3.4vw,54px);border-width:clamp(4px,.5vw,7px);letter-spacing:clamp(4px,.8vw,10px);padding:clamp(6px,.8vw,12px) clamp(16px,2vw,30px)}.pantalla-tv .acusado{font-size:clamp(96px,14vw,240px);margin-bottom:clamp(16px,2.5vh,36px)}.pantalla-tv .pregunta-contexto{font-size:clamp(36px,4.4vw,68px)}.seccion-grafica{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--borde);padding-top:20px}.subtitulo{font-size:20px;font-weight:700}.grafica{display:flex;flex-direction:column;gap:10px;margin-top:8px}.grafica-fila{display:grid;grid-template-columns:minmax(72px,34%) 1fr 2ch;align-items:center;gap:10px;font-size:16px}.grafica-nombre{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grafica-pista{height:22px;background:var(--carta);border:1px solid var(--borde);border-radius:6px;overflow:hidden}.grafica-barra{height:100%;background:var(--tenue);border-radius:0 4px 4px 0;animation:crecer-barra .7s ease-out both}.grafica-fila[data-lider=true] .grafica-barra{background:var(--acento)}.grafica-fila[data-lider=true] .grafica-nombre{color:var(--acento)}.grafica-valor{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}@keyframes crecer-barra{0%{width:0}}.pantalla-tv .seccion-grafica{width:100%}.pantalla-tv .subtitulo{font-size:clamp(26px,3.2vw,52px)}.pantalla-tv .grafica-fila{font-size:clamp(20px,2.4vw,36px);gap:clamp(12px,1.5vw,24px)}.pantalla-tv .grafica-pista{height:clamp(28px,3.6vh,52px);border-radius:10px}.pantalla-tv .grafica-barra{border-radius:0 8px 8px 0}.cumple{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.cumple-gif{max-width:100%;max-height:40vh;border-radius:16px}.cumple-letrero{font-size:26px;font-weight:800;color:var(--acento);animation:latir 1.4s ease-in-out infinite}@keyframes latir{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}