:root{--rojo:#ff2a12;--rojo-oscuro:#b81a08;--fondo:var(--rojo);--fondo-puntos:#ffffff1f;--superficie:#fff;--superficie-alta:#ffe3e3;--borde:#ffffff59;--tinta:#1f0a0d;--texto:#fff;--tenue:#ffdada;--acento:#fff;--acento-tinta:var(--rojo);--resalte:#fff;--secundario:var(--rojo-oscuro);--secundario-tinta:#fff;--extra:var(--tinta);--extra-tinta:#fff;--peligro:#ffe066;--bien:#b6ffcf;--radio:18px;--sombra:0 5px 0 var(--tinta);--sombra-chica:0 3px 0 var(--tinta);--fuente-titulo:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tarjeta,.opcion-voto,.veredicto,.respuesta,.opcion-trivia,.pausa{--texto:var(--tinta);--tenue:#6b5558;--borde:var(--tinta);--fondo:#fff;--acento:var(--rojo);--acento-tinta:#fff;--resalte:var(--rojo-oscuro);--secundario:#fff;--secundario-tinta:var(--tinta);--peligro:#c8102e;--bien:#128a47;color:var(--texto)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--fondo);background-image:radial-gradient(var(--fondo-puntos) 2px, transparent 2.5px);min-height:100dvh;color:var(--texto);-webkit-tap-highlight-color:transparent;background-size:22px 22px;margin:0;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;font-weight:600;line-height:1.45}h1,h2,p,ul,fieldset{margin:0;padding:0}fieldset{border:0;min-width:0}a{color:var(--resalte)}:focus-visible{outline:3px solid var(--resalte);outline-offset:3px}[hidden]{display:none!important}.pagina{width:100%;max-width:460px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.pagina.centrada{text-align:center;justify-content:center}.logo{font-family:var(--fuente-titulo);text-align:center;text-shadow:0 6px 0 var(--tinta);margin-top:8vh;font-size:clamp(56px,19vw,84px);font-weight:400;line-height:.9;transform:rotate(-4deg)}.logo-online{background:var(--extra);border:4px solid var(--tinta);width:fit-content;box-shadow:0 6px 0 var(--tinta);color:var(--extra-tinta);text-shadow:none;border-radius:18px;margin:10px auto 0;padding:2px 18px 8px;font-size:.6em;display:block;transform:rotate(6deg)}.titulo{font-family:var(--fuente-titulo);letter-spacing:.01em;font-size:30px;font-weight:400;line-height:1.1}.subtitulo{font-size:17px;font-weight:700}.lema{color:var(--tenue)}.logo+.lema{text-align:center;margin-bottom:8px}.mensaje{font-size:20px;font-weight:600}.tarjeta{background:var(--superficie);border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:0 6px 0 var(--tinta);flex-direction:column;gap:12px;padding:16px;display:flex}.etiqueta{color:var(--tenue);padding:0;font-size:16px;font-weight:600;display:block}.ayuda{color:var(--tenue);font-size:16px}.error{color:var(--peligro);font-size:16px;font-weight:600}.error:empty{display:none}.campo{border:3px solid var(--tinta);width:100%;min-height:54px;color:var(--tinta);font:inherit;background:#fff;border-radius:12px;padding:12px 14px;font-size:19px;font-weight:700}.campo:focus{box-shadow:0 0 0 4px var(--rojo);outline:none}.campo::placeholder{color:#9a90b5}.campo-codigo{min-height:72px;font-family:var(--fuente-titulo);letter-spacing:.35em;text-align:center;text-indent:.35em;text-transform:uppercase;font-size:38px;font-weight:400}.boton{border:3px solid var(--tinta);width:100%;min-height:56px;box-shadow:var(--sombra);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-size:19px;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms,opacity .12s;display:flex}.boton:active:not(:disabled){box-shadow:0 1px 0 var(--tinta);transform:translateY(4px)}.boton:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:translateY(4px)}.boton.primario{background:var(--acento);color:var(--acento-tinta)}.boton.secundario{background:var(--secundario);color:var(--secundario-tinta)}.boton.discreto{min-height:48px;box-shadow:none;color:var(--tenue);text-underline-offset:3px;background:0 0;border-color:#0000;font-size:16px;font-weight:600;text-decoration:underline}.separador{color:var(--tenue);align-items:center;gap:12px;font-size:16px;display:flex}.separador:before,.separador:after{content:"";background:var(--borde);flex:1;height:1px}.aviso{color:var(--tenue);text-align:center;margin-top:auto;padding-top:16px;font-size:16px}.enlace-volver{min-height:44px;color:var(--tenue);align-self:flex-start;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.colores-lista{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:8px;display:grid}.color-opcion{aspect-ratio:1;cursor:pointer;display:block;position:relative}.color-radio{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.color-muestra{background:var(--color);border:3px solid var(--tinta);border-radius:50%;width:100%;height:100%;transition:transform .1s;display:block;box-shadow:0 0 0 2px #0000}.color-radio:checked+.color-muestra{box-shadow:0 0 0 3px var(--texto);transform:scale(1.06)}.color-radio:focus-visible+.color-muestra{outline:3px solid var(--acento);outline-offset:4px}.color-opcion.ocupado,.color-opcion.ocupado .color-radio{cursor:not-allowed}.color-opcion.ocupado .color-muestra{opacity:.22}.color-opcion.ocupado:after{content:"";background:var(--tenue);pointer-events:none;border-radius:2px;width:76%;height:3px;position:absolute;top:50%;left:12%;transform:rotate(-45deg)}.encabezado-sala{text-align:center}.codigo-sala{color:var(--extra);font-family:var(--fuente-titulo);letter-spacing:.14em;text-shadow:0 5px 0 var(--tinta);text-indent:.14em;font-size:clamp(56px,19vw,80px);font-weight:400;line-height:1}.jugadores{flex-direction:column;gap:4px;list-style:none;display:flex}.jugador{align-items:center;gap:12px;min-height:48px;display:flex}.jugador-color{background:var(--color);border:2px solid var(--tinta);border-radius:50%;flex:none;width:28px;height:28px}.jugador-apodo{overflow-wrap:anywhere;flex:1;min-width:0;font-size:19px;font-weight:700}.jugador-marcas{color:var(--tenue);flex:none;font-size:16px}.jugador.desconectado .jugador-color,.jugador.desconectado .jugador-apodo{opacity:.45}.situacion{text-align:center;font-size:18px;font-weight:600}.pista-pantalla{text-align:center;overflow-wrap:anywhere}body[data-vista=pantalla]{overflow:hidden}.pantalla-lienzo{width:100vw;height:100dvh;display:block}.franja{z-index:10;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--acento);color:var(--acento-tinta);text-align:center;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.franja-boton{background:var(--acento-tinta);min-height:40px;color:var(--resalte);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:6px 14px}.centrado{text-align:center}.boton.compacto{min-height:48px;padding:8px 12px;font-size:16px}.cabecera-partida{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cabecera-partida .etiqueta{white-space:nowrap;flex:none}.cabecera-partida .tipo-paso{text-align:right}.tipo-paso{color:var(--extra);letter-spacing:.06em;text-transform:uppercase;font-size:16px;font-weight:700}.cuenta{align-items:center;gap:12px;display:flex}.cuenta-barra{border:3px solid var(--tinta);background:#ffffff4d;border-radius:8px;flex:1;height:16px;overflow:hidden}.cuenta-relleno{background:var(--acento);transform-origin:0;width:100%;height:100%;transition:transform .2s linear;display:block}.cuenta.apurada .cuenta-relleno{background:var(--extra)}.cuenta-segundos{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:20px;font-weight:800}.pausa{background:var(--superficie-alta);border:3px solid var(--tinta);text-align:center;border-radius:12px;padding:10px 14px;font-weight:700}.pregunta{font-family:var(--fuente-titulo);text-shadow:0 3px 0 var(--tinta);text-align:center;text-wrap:balance;margin:8px 0;font-size:clamp(28px,8vw,36px);font-weight:400;line-height:1.12}.pregunta.grande{margin:12vh 0 8px;font-size:clamp(32px,10vw,44px)}.pregunta.chica{color:var(--tenue);text-shadow:none;margin:0;font-family:inherit;font-size:18px;font-weight:700}.votacion{gap:10px;display:grid}.votacion.muchas{grid-template-columns:1fr 1fr}.opcion-voto{background:var(--superficie);border:3px solid var(--tinta);width:100%;min-height:60px;box-shadow:var(--sombra-chica);color:var(--texto);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:16px;align-items:center;gap:14px;padding:10px 16px;font-size:20px;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .12s;display:flex}.votacion.muchas .opcion-voto{gap:10px;min-height:56px;padding:8px 10px;font-size:17px}.opcion-voto:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.opcion-color{background:var(--color,var(--tenue));border:2px solid var(--tinta);border-radius:50%;flex:none;width:30px;height:30px}.votacion.muchas .opcion-color{width:24px;height:24px}.opcion-etiqueta{overflow-wrap:anywhere;min-width:0}.opcion-voto:disabled{opacity:.4;cursor:default}.opcion-voto.elegida{background:var(--extra);opacity:1;color:var(--extra-tinta)}.opcion-voto.elegida:after{content:"✓";color:var(--extra-tinta);margin-left:auto;font-size:24px;font-weight:800;line-height:1}.veredicto{background:var(--superficie);border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:0 6px 0 var(--tinta);text-align:center;flex-direction:column;gap:6px;padding:20px 16px;display:flex}.veredicto-titulo{font-family:var(--fuente-titulo);overflow-wrap:anywhere;font-size:clamp(32px,10vw,44px);font-weight:400;line-height:1.05}.veredicto-quien{font-size:20px;font-weight:700}.veredicto-motivo{color:var(--tenue);font-size:16px}.veredicto.te-toca{background:var(--extra);color:var(--extra-tinta);animation:.6s cubic-bezier(.3,1.6,.5,1) both brinco}@keyframes brinco{0%{transform:scale(.6)rotate(-6deg)}to{transform:scale(1)rotate(-1.5deg)}}.veredicto.te-toca .veredicto-motivo{color:var(--extra-tinta);font-weight:700}.votos{flex-direction:column;gap:8px;list-style:none;display:flex}.voto-fila{grid-template-columns:24px minmax(0,7em) 1fr 2ch;align-items:center;gap:10px;min-height:30px;display:grid}.voto-fila .jugador-color{width:24px;height:24px}.voto-apodo{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.voto-barra{border:2px solid var(--tinta);background:#0003;border-radius:7px;height:14px;overflow:hidden}.voto-relleno{background:var(--color);border-radius:6px;height:100%;display:block}.voto-cuenta{font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.marcador{border-collapse:collapse;width:100%;font-size:16px}.marcador caption{text-align:left;padding-bottom:6px}.marcador th,.marcador td{border-top:1px solid var(--borde);text-align:left;padding:8px 4px;font-weight:600}.marcador thead th{color:var(--tenue);border-top:0}.marcador .numero{font-variant-numeric:tabular-nums;text-align:right;width:4.5em}.marcador-jugador{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;display:flex}.marcador .jugador-color{width:20px;height:20px}.marcador tr.propio th,.marcador tr.propio td{color:var(--resalte)}.controles{border-top:1px solid var(--borde);grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:16px;display:grid}.controles .discreto{grid-column:1/-1}.lema.centrado{text-align:center}.situacion.grande{margin:10vh 0 8px;font-size:24px}.fila-etiqueta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.campo-respuesta{resize:none;min-height:84px;line-height:1.3}.campo:disabled{opacity:.55}.opcion-color.con-marca{background:var(--borde);color:var(--texto);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.opcion-voto.elegida .opcion-color.con-marca{background:var(--acento);color:var(--acento-tinta)}.respuestas{flex-direction:column;gap:10px;list-style:none;display:flex}.respuesta{background:var(--superficie);border:3px solid var(--tinta);box-shadow:var(--sombra-chica);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.respuesta.ganadora{background:#ffe3e3}.respuesta-letra{background:var(--borde);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:flex}.respuesta.ganadora .respuesta-letra{background:var(--acento);color:var(--acento-tinta)}.respuesta-cuerpo{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.respuesta-texto{overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.25}.respuesta-autor{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.respuesta-autor .jugador-color{width:20px;height:20px}.respuesta-pie{color:var(--tenue);font-size:16px}.respuesta-castigo{color:var(--resalte);font-size:16px;font-weight:700}.castigos{flex-direction:column;gap:10px;list-style:none;display:flex}.castigo-quien{font-size:18px;font-weight:700}.castigo-motivo{color:var(--tenue);font-size:16px}.castigo.propio .castigo-quien{color:var(--resalte)}.subtitulo.centrado{text-align:center}.situacion.bien{color:var(--bien)}.situacion.mal{color:var(--peligro)}.te-toca-texto{color:var(--resalte)}.acciones-final{flex-direction:column;gap:10px;display:flex}.config{gap:18px}.segmentos{flex-direction:column;gap:8px;display:flex}.segmentos-opciones{background:var(--fondo);border:3px solid var(--tinta);border-radius:14px;gap:6px;padding:4px;display:flex}.segmento{min-height:44px;color:var(--tenue);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:8px 6px;font-size:16px;font-weight:700}.segmento.elegido{background:var(--acento);box-shadow:inset 0 0 0 2px var(--tinta);color:var(--acento-tinta)}.segmento:disabled{cursor:default}.segmento:focus-visible{outline:3px solid var(--texto);outline-offset:2px}.resumen-config{font-size:18px;font-weight:700}.opciones-trivia{flex-direction:column;gap:8px;list-style:none;display:flex}.opcion-trivia{background:var(--superficie);border:3px solid var(--tinta);color:var(--tenue);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.opcion-trivia.correcta{color:var(--texto);background:#c9f7dc}.opcion-trivia.correcta .respuesta-letra{background:var(--bien);color:var(--fondo)}.opcion-trivia.equivocada{background:#ffd3dc}.opcion-trivia-texto{overflow-wrap:anywhere;flex:1;min-width:0;font-size:18px;font-weight:700}.opcion-trivia-nota{font-size:16px;font-weight:700}.campo-numero{text-align:center;font-size:28px;font-weight:800}.pato{transform-origin:30% 90%;width:min(36vw,140px);height:auto;margin:4vh auto 0;animation:2.4s ease-in-out infinite nado;display:block}.pato+.logo{margin-top:4px}@keyframes nado{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}