:root{--qf-bg:#0f1226;--qf-superficie:#171b3a;--qf-superficie-alta:#20254d;--qf-texto:#f5f6ff;--qf-texto-tenue:#a6acd6;--qf-borde:#2c3268;--qf-acento:#fc3;--qf-exito:#2fd480;--qf-error:#ff5c72;--qf-opcion-a:#e21b3c;--qf-opcion-b:#1368ce;--qf-opcion-c:#d89e00;--qf-opcion-d:#26890c;--qf-radio:16px;--qf-radio-chico:10px;--qf-espacio:clamp(.75rem, .6rem + .5vw, 1.5rem);--qf-fuente:"Segoe UI", system-ui, -apple-system, sans-serif}.qf-pantalla{background:radial-gradient(circle at top, #1c2150, var(--qf-bg) 60%);min-height:100dvh;color:var(--qf-texto);font-family:var(--qf-fuente);padding:var(--qf-espacio);box-sizing:border-box}.qf-texto-tenue{color:var(--qf-texto-tenue);font-size:.9rem}.qf-tarjeta{background:var(--qf-superficie);border:1px solid var(--qf-borde);border-radius:var(--qf-radio);padding:var(--qf-espacio)}.qf-codigo{letter-spacing:.15em;color:var(--qf-acento);text-align:center;font-size:clamp(2rem,1.4rem + 3vw,4rem);font-weight:800}.qf-grilla-opciones{gap:var(--qf-espacio);grid-template-columns:1fr 1fr;width:100%;display:grid}@media (width<=480px){.qf-grilla-opciones{grid-template-columns:1fr}}.qf-opcion{border-radius:var(--qf-radio-chico);color:#fff;text-align:left;cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1.25rem;font-size:1.1rem;font-weight:600;transition:transform .12s,filter .12s;display:flex}.qf-opcion:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.qf-opcion:disabled{cursor:default;opacity:.55}.qf-opcion[data-letra=A]{background:var(--qf-opcion-a)}.qf-opcion[data-letra=B]{background:var(--qf-opcion-b)}.qf-opcion[data-letra=C]{background:var(--qf-opcion-c)}.qf-opcion[data-letra=D]{background:var(--qf-opcion-d)}.qf-opcion[data-elegida=true]{outline:3px solid var(--qf-texto);outline-offset:2px}.qf-opcion[data-revelada=correcta]{outline:4px solid var(--qf-exito);outline-offset:2px}.qf-opcion[data-revelada=incorrecta-elegida]{outline:4px solid var(--qf-error);outline-offset:2px}.qf-letra{background:#00000040;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.qf-temporizador{background:var(--qf-superficie-alta);border-radius:999px;height:10px;overflow:hidden}.qf-temporizador-barra{background:var(--qf-acento);height:100%;transition:width .1s linear}.qf-banner-conexion{background:var(--qf-error);color:#fff;padding:.5rem var(--qf-espacio);border-radius:var(--qf-radio-chico);text-align:center;margin-bottom:var(--qf-espacio)}.qf-lista-jugadores{flex-wrap:wrap;gap:.5rem;display:flex}.qf-jugador{background:var(--qf-superficie-alta);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;display:flex}.qf-jugador[data-conectado=false]{opacity:.45}.qf-punto-estado{background:var(--qf-exito);border-radius:999px;width:.5rem;height:.5rem}.qf-jugador[data-conectado=false] .qf-punto-estado{background:var(--qf-texto-tenue)}.qf-podio{justify-content:center;align-items:flex-end;gap:var(--qf-espacio);margin:var(--qf-espacio) 0;display:flex}.qf-podio-puesto{background:var(--qf-superficie-alta);border-radius:var(--qf-radio-chico) var(--qf-radio-chico) 0 0;text-align:center;min-width:6rem;padding:1rem}.qf-podio-puesto[data-lugar="1"]{border-top:4px solid var(--qf-acento);order:2;height:10rem}.qf-podio-puesto[data-lugar="2"]{order:1;height:7.5rem}.qf-podio-puesto[data-lugar="3"]{order:3;height:5.5rem}.qf-tabla-posiciones{border-collapse:collapse;width:100%}.qf-tabla-posiciones td,.qf-tabla-posiciones th{text-align:left;border-bottom:1px solid var(--qf-borde);padding:.5rem .75rem}.qf-boton{background:var(--qf-acento);color:#1a1400;border-radius:var(--qf-radio-chico);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.qf-boton:disabled{opacity:.5;cursor:default}.qf-boton-secundario{color:var(--qf-texto);border:1px solid var(--qf-borde);border-radius:var(--qf-radio-chico);cursor:pointer;background:0 0;padding:.6rem 1.2rem}.qf-campo{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.qf-campo input{background:var(--qf-superficie-alta);border:1px solid var(--qf-borde);border-radius:var(--qf-radio-chico);color:var(--qf-texto);padding:.75rem;font-size:1.2rem}