:root{color-scheme:light dark;--fondo: oklch(96.5% .006 255);--superficie: oklch(100% 0 0);--superficie-2: oklch(96% .008 255);--superficie-hundida: oklch(92% .01 255);--texto: oklch(21% .03 262);--texto-suave: oklch(46% .025 262);--texto-tenue: oklch(60% .02 262);--borde: oklch(88% .014 262);--borde-fuerte: oklch(70% .03 262);--azul: oklch(33% .145 262);--azul-vivo: oklch(45% .16 262);--azul-tenue: oklch(93% .03 262);--sobre-azul: oklch(99% .004 255);--rojo: oklch(53% .205 27);--rojo-vivo: oklch(60% .215 28);--rojo-tenue: oklch(94% .035 27);--sobre-rojo: oklch(99% .008 40);--exito: oklch(46% .13 155);--error: var(--rojo);--amarillo: oklch(85% .155 87);--fam-comida: oklch(48% .12 55);--fam-dichos: oklch(45% .1 300);--fam-simbolos: oklch(46% .14 25);--fam-lugares: oklch(43% .1 220);--fam-natura: oklch(42% .1 150);--fam-personajes: oklch(45% .09 320);--papel: oklch(100% 0 0 / .94);--papel-borde: oklch(100% 0 0 / .7);--velo: oklch(26% .05 262 / .58);--vidrio: oklch(22% .04 262 / .46);--vidrio-borde: oklch(100% 0 0 / .16);--sombra-panel: 0 1px 2px oklch(25% .05 262 / .1), 0 8px 24px oklch(25% .05 262 / .16);--sombra-casilla: 0 1px 0 oklch(25% .05 262 / .09);--sombra-marcada: 0 2px 8px oklch(53% .205 27 / .35);--tipografia: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tipografia-display: "Fraunces", Georgia, "Times New Roman", serif;--texto-casilla: clamp(10.5px, 2.75vw, 13px);--texto-menudo: 12px;--texto-base: 15px;--texto-titulo: 19px;--texto-pista: clamp(28px, 3.4vw, 46px);--texto-canto: clamp(34px, 5.5vw, 78px);--alto-casilla: 62px;--toque-minimo: 44px;--toque-comodo: 60px;--espacio-1: 4px;--espacio-2: 8px;--espacio-3: 12px;--espacio-4: 16px;--espacio-5: 24px;--espacio-6: 32px;--radio: 8px;--radio-grande: 14px;--rapido: .12s;--normal: .22s;--suave: cubic-bezier(.2, 0, .2, 1);--rebote: cubic-bezier(.34, 1.4, .5, 1)}@media(prefers-color-scheme:dark){:root{--fondo: oklch(18% .025 262);--superficie: oklch(23% .03 262);--superficie-2: oklch(28% .032 262);--superficie-hundida: oklch(14.5% .022 262);--texto: oklch(95% .008 262);--texto-suave: oklch(74% .018 262);--texto-tenue: oklch(60% .02 262);--borde: oklch(34% .032 262);--borde-fuerte: oklch(52% .05 262);--azul: oklch(38% .15 262);--azul-vivo: oklch(60% .16 262);--azul-tenue: oklch(30% .06 262);--sobre-azul: oklch(98% .006 255);--rojo: oklch(56% .21 27);--rojo-vivo: oklch(66% .21 28);--rojo-tenue: oklch(30% .07 27);--sobre-rojo: oklch(99% .008 40);--exito: oklch(74% .16 155);--fam-comida: oklch(76% .14 55);--fam-dichos: oklch(76% .11 300);--fam-simbolos: oklch(74% .15 25);--fam-lugares: oklch(74% .12 220);--fam-natura: oklch(76% .13 150);--fam-personajes: oklch(76% .11 320);--papel: oklch(23% .03 262 / .93);--papel-borde: oklch(100% 0 0 / .12);--velo: oklch(14% .03 262 / .68);--vidrio: oklch(16% .03 262 / .55);--vidrio-borde: oklch(100% 0 0 / .13);--sombra-panel: 0 1px 2px oklch(0% 0 0 / .3), 0 10px 28px oklch(0% 0 0 / .42);--sombra-casilla: 0 1px 0 oklch(0% 0 0 / .25);--sombra-marcada: 0 2px 10px oklch(56% .21 27 / .45)}}[data-familia=comida]{--familia: var(--fam-comida)}[data-familia=dichos]{--familia: var(--fam-dichos)}[data-familia=simbolos]{--familia: var(--fam-simbolos)}[data-familia=lugares]{--familia: var(--fam-lugares)}[data-familia=natura]{--familia: var(--fam-natura)}[data-familia=personajes]{--familia: var(--fam-personajes)}[data-familia=libre]{--familia: var(--azul)}@font-face{font-family:Fraunces;src:url(/fuentes/fraunces-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fuentes/fraunces-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fuentes/outfit-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fuentes/outfit-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Outfit;src:url(/fuentes/outfit-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.display{font-family:var(--tipografia-display);font-weight:700;letter-spacing:-.02em;font-variation-settings:"opsz" 144}.display--menuda{font-variation-settings:"opsz" 14;letter-spacing:-.005em}.rotulo{font-family:var(--tipografia);font-weight:700;font-size:var(--texto-menudo);letter-spacing:.09em;text-transform:uppercase;color:var(--texto-tenue)}.cifra{font-family:var(--tipografia-display);font-weight:900;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 144;letter-spacing:-.03em}*,*:before,*:after{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;font-family:var(--tipografia);font-size:var(--texto-base);background:var(--fondo);color:var(--texto);-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button,input,select{font:inherit;color:inherit}:where(button,input,select,[tabindex]):focus-visible{outline:3px solid var(--azul-vivo);outline-offset:2px}.app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--fondo);pointer-events:none}.fondo__img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:blur(3px) saturate(.82);opacity:0;transition:opacity .6s var(--suave)}.fondo__img--lista{opacity:1}.fondo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--velo)}.cabecera{display:flex;align-items:center;gap:var(--espacio-2);padding:var(--espacio-3) var(--espacio-4);padding-top:max(var(--espacio-3),env(safe-area-inset-top));background:var(--azul);color:var(--sobre-azul);box-shadow:var(--sombra-panel);position:relative}.cabecera:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(to bottom,var(--sobre-azul) 0 2px,var(--rojo) 2px 4px,var(--sobre-azul) 4px 6px)}.cabecera h1{font-family:var(--tipografia-display);font-variation-settings:"opsz" 48;font-weight:900;font-size:clamp(19px,2.2vw,24px);letter-spacing:-.025em;margin-right:auto;min-width:0}.cabecera .sub{font-family:var(--tipografia);font-size:var(--texto-menudo);font-weight:400;opacity:.82;display:block;letter-spacing:0}.boton-cabecera{min-width:var(--toque-minimo);min-height:var(--toque-minimo);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--espacio-3);border:1px solid color-mix(in oklab,var(--sobre-azul) 42%,transparent);border-radius:var(--radio);background:transparent;color:var(--sobre-azul);font-size:var(--texto-menudo);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--rapido) var(--suave),border-color var(--rapido) var(--suave)}.boton-cabecera:hover{background:color-mix(in oklab,var(--sobre-azul) 15%,transparent)}.boton-cabecera:active{background:color-mix(in oklab,var(--sobre-azul) 25%,transparent)}.boton-cabecera[aria-pressed=true]{border-color:var(--sobre-azul)}.boton-cabecera--icono{width:var(--toque-minimo);padding:0}.icono--boton{width:22px;height:22px}.boton{min-height:var(--toque-minimo);padding:0 var(--espacio-4);border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--superficie);color:var(--texto);font-size:var(--texto-base);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--rapido) var(--suave),border-color var(--rapido) var(--suave)}.boton:hover:not(:disabled){background:var(--superficie-2);border-color:var(--texto-tenue)}.boton:active:not(:disabled){background:var(--superficie-hundida)}.boton:disabled{opacity:.45;cursor:not-allowed}.boton--principal{background:var(--azul);border-color:var(--azul);color:var(--sobre-azul);font-weight:700}.boton--principal:hover:not(:disabled){background:var(--azul-vivo);border-color:var(--azul-vivo)}.boton--bingo{background:var(--rojo);border-color:var(--rojo);color:var(--sobre-rojo);font-weight:700;font-size:var(--texto-titulo);letter-spacing:.02em;min-height:58px;width:100%;box-shadow:var(--sombra-marcada)}.boton--bingo:hover:not(:disabled){background:var(--rojo-vivo);border-color:var(--rojo-vivo)}.boton--bingo:active:not(:disabled){transform:translateY(1px)}.boton--ancho{width:100%}.boton--grande{min-height:var(--toque-comodo);padding:0 var(--espacio-5);font-size:var(--texto-titulo);font-weight:600}.campo{width:100%;min-height:var(--toque-minimo);padding:0 var(--espacio-3);font-size:16px;border:1px solid var(--borde-fuerte);border-radius:var(--radio);background:var(--superficie);color:var(--texto)}.campo::placeholder{color:var(--texto-tenue)}.etiqueta{display:block;margin-bottom:var(--espacio-2);font-size:var(--texto-menudo);color:var(--texto-suave)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);padding:var(--espacio-4)}.aviso{padding:var(--espacio-3);border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie-2);font-size:var(--texto-menudo);color:var(--texto-suave)}.aviso--error{border-color:var(--rojo);color:var(--rojo);background:var(--rojo-tenue)}.aviso--exito{border-color:var(--exito);color:var(--exito);background:transparent}.desconectado{padding:var(--espacio-2) var(--espacio-4);background:var(--rojo);color:var(--sobre-rojo);font-size:var(--texto-menudo);text-align:center}.icono{width:1em;height:1em;display:block;flex:none}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.jugador{flex:1;display:flex;flex-direction:column;gap:var(--espacio-3);padding:var(--espacio-3);padding-bottom:max(var(--espacio-5),env(safe-area-inset-bottom));max-width:560px;width:100%;margin:0 auto}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);box-shadow:var(--sombra-panel)}.entrada{margin:auto 0;display:flex;flex-direction:column;gap:var(--espacio-4);padding:var(--espacio-5) var(--espacio-4);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);box-shadow:var(--sombra-panel)}.entrada h2{font-family:var(--tipografia-display);font-variation-settings:"opsz" 60;font-weight:700;font-size:clamp(22px,6vw,30px);letter-spacing:-.02em;line-height:1.05}.entrada p{color:var(--texto-suave);font-size:var(--texto-menudo)}.entrada__franja{height:8px;border-radius:99px;background:linear-gradient(to right,var(--azul) 0 33.33%,var(--rojo) 33.33% 66.66%,var(--azul) 66.66% 100%)}.ronda{display:flex;align-items:center;gap:var(--espacio-3);padding:var(--espacio-2) var(--espacio-3);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-grande);box-shadow:var(--sombra-panel);font-size:var(--texto-menudo)}.ronda__patron{font-weight:700;color:var(--texto)}.ronda__dato{color:var(--sobre-azul);background:var(--azul);padding:5px var(--espacio-2);border-radius:99px;margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.enaire{padding:var(--espacio-4);border:1px solid var(--borde);border-left:6px solid var(--azul);border-radius:var(--radio-grande);background:var(--superficie);box-shadow:var(--sombra-panel)}.enaire__pista{font-family:var(--tipografia-display);font-variation-settings:"opsz" 40;font-weight:700;font-size:clamp(17px,4.6vw,21px);line-height:1.3;letter-spacing:-.015em;text-wrap:balance}.enaire__cuenta{font-size:var(--texto-menudo);color:var(--texto-suave);font-variant-numeric:tabular-nums;margin-top:6px}.enaire--revelada{border-left-color:var(--rojo)}.enaire__palabra{font-weight:700;font-size:clamp(17px,4.6vw,21px);color:var(--rojo);display:flex;align-items:center;gap:8px;margin-top:6px}.enaire__palabra .icono{width:24px;height:24px}.carton{display:flex;flex-direction:column;gap:var(--espacio-2);padding:var(--espacio-2);background:var(--superficie);background-image:radial-gradient(circle at center,color-mix(in oklab,var(--azul) 35%,transparent) .5px,transparent .6px);background-size:7px 7px;border:2px solid var(--azul);border-radius:var(--radio-grande);box-shadow:var(--sombra-panel)}.carton__letras{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--espacio-1)}.carton__letra{display:flex;align-items:center;justify-content:center;min-height:34px;border-radius:var(--radio);background:var(--azul);color:var(--sobre-azul);font-family:var(--tipografia-display);font-variation-settings:"opsz" 72;font-weight:900;font-size:clamp(18px,5.4vw,26px);letter-spacing:.02em;line-height:1}.carton__letra:nth-child(2n){background:var(--rojo);color:var(--sobre-rojo)}.grilla{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--espacio-1);width:100%}.casilla{position:relative;aspect-ratio:1 / 1;min-height:var(--alto-casilla);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 3px 4px;border:2px solid color-mix(in oklab,var(--familia, var(--borde)) 32%,var(--borde));border-top:4px solid var(--familia, var(--borde-fuerte));border-radius:var(--radio);background:color-mix(in oklab,var(--familia, transparent) 12%,var(--superficie));box-shadow:var(--sombra-casilla);color:var(--texto);font-size:max(8.5px,calc(var(--texto-casilla) * var(--escala, 1) * var(--escala-dicho, 1)));line-height:1.12;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden;transition:border-color var(--rapido) var(--suave),transform var(--rapido) var(--suave)}.casilla .display--menuda{position:relative;z-index:1}.casilla[data-holgura=justa]{--escala: .9}.casilla[data-holgura=apretada]{--escala: .8}.casilla[data-holgura=larguisima]{--escala: .7}.casilla--dicho{--escala-dicho: .86}.casilla:hover:not(:disabled){border-color:var(--azul-vivo)}.casilla:active:not(:disabled){transform:scale(.94)}.casilla--marcada{border-color:var(--rojo-vivo);border-top-color:var(--rojo-vivo);color:var(--sobre-rojo);box-shadow:var(--sombra-marcada);animation:sello .3s var(--rebote)}.casilla:before{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;background:var(--rojo);border-radius:47% 53% 52% 48%/51% 47% 53% 49%;transform:scale(0) rotate(var(--giro, 0deg));opacity:0;transition:transform var(--normal) var(--rebote),opacity var(--rapido) var(--suave)}.casilla--marcada:before{transform:scale(1) rotate(var(--giro, 0deg));opacity:1}.casilla:nth-child(4n+1){--giro: -5deg}.casilla:nth-child(4n+2){--giro: 4deg}.casilla:nth-child(4n+3){--giro: -2deg}.casilla:nth-child(4n){--giro: 6deg}@keyframes sello{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}.casilla--marcada:after{content:"";position:absolute;z-index:1;top:3px;right:3px;width:0;height:0;border-top:9px solid currentColor;border-left:9px solid transparent}.casilla__icono{width:17px;height:17px;position:relative;z-index:1}.casilla:not(.casilla--marcada) .casilla__icono{display:none}.casilla--dicho{padding:5px 4px 8px}.globo{position:relative;z-index:1;display:block;width:100%;padding:5px 4px;border:1px solid currentColor;border-radius:8px}.globo:after,.globo:before{content:"";position:absolute;top:100%;left:9px;border:5px solid transparent;border-top-color:currentColor;border-bottom:0}.globo:after{left:10px;border-width:4px;border-top-color:color-mix(in oklab,var(--familia) 12%,var(--superficie));margin-top:-1px}.casilla--dicho.casilla--marcada .globo:after{border-top-color:var(--rojo)}.casilla--libre{background:var(--azul);border-color:var(--azul);border-top-color:var(--rojo);color:var(--sobre-azul);letter-spacing:.01em;cursor:default;animation:none}.casilla--libre:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;opacity:.5;border-radius:0;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in oklab,var(--sobre-azul) 16%,transparent) 0deg 15deg,transparent 15deg 30deg);transform:none;transition:none}.casilla--libre:after{border-top-color:currentColor;z-index:1}.casilla--gana{animation:latido .62s var(--suave) 2;outline:2px solid var(--sobre-rojo);outline-offset:-5px}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bingo{display:flex;flex-direction:column;gap:var(--espacio-2);padding:var(--espacio-4);border:3px solid var(--rojo);border-radius:var(--radio-grande);background:var(--superficie);box-shadow:var(--sombra-panel);text-align:center;animation:aparece var(--normal) var(--suave)}@keyframes aparece{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bingo__titulo{font-family:var(--tipografia-display);font-variation-settings:"opsz" 96;font-weight:900;font-size:var(--texto-canto);color:var(--rojo);letter-spacing:-.035em;line-height:1}.bingo__instruccion{font-size:var(--texto-menudo);color:var(--texto-suave)}.acciones{display:flex;gap:var(--espacio-2)}.acciones .boton{flex:1}@media(max-width:360px){.jugador{padding:var(--espacio-2);gap:var(--espacio-2)}.carton{padding:5px}.grilla,.carton__letras{gap:3px}}.aviso--pie{margin-top:6px;padding:0;border:0;background:none;color:var(--texto-tenue);line-height:1.4}.anfitrion{flex:1;display:flex;flex-direction:column;gap:var(--espacio-3);padding:var(--espacio-3);padding-bottom:calc(var(--toque-comodo) + var(--espacio-6) + env(safe-area-inset-bottom));min-height:0;width:100%;max-width:560px;margin:0 auto}.escenario{display:contents}.cantador{display:flex;flex-direction:column;gap:var(--espacio-2);padding:var(--espacio-3) var(--espacio-4);border:1px solid var(--borde);border-left:5px solid var(--azul);border-radius:var(--radio-grande);background:var(--superficie);box-shadow:var(--sombra-panel)}.cantador--revelado{border-left-color:var(--rojo)}.cantador__rotulo{font-family:var(--tipografia);font-size:var(--texto-menudo);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--texto-tenue)}.cantador__pista{font-family:var(--tipografia-display);font-variation-settings:"opsz" 40;font-weight:700;font-size:clamp(17px,4.4vw,22px);line-height:1.25;letter-spacing:-.015em;text-wrap:balance}.cantador__respuesta{display:flex;align-items:center;gap:var(--espacio-3);padding-top:var(--espacio-2);border-top:1px solid var(--borde);animation:revela var(--normal) var(--suave)}@keyframes revela{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cantador__palabra{font-family:var(--tipografia-display);font-variation-settings:"opsz" 48;font-weight:700;font-size:clamp(22px,6vw,30px);line-height:1.05;letter-spacing:-.02em;color:var(--rojo)}.cantador__icono{width:38px;height:38px;color:var(--rojo)}.cantador__familia{font-size:var(--texto-menudo);color:var(--texto-suave)}.cantador__vacio{font-family:var(--tipografia-display);font-variation-settings:"opsz" 32;font-weight:700;font-size:clamp(16px,4vw,20px);color:var(--texto-tenue)}.cuenta{display:flex;align-items:center;gap:var(--espacio-3)}.cuenta__numero{font-family:var(--tipografia-display);font-weight:900;font-variation-settings:"opsz" 48;font-size:clamp(24px,6vw,32px);font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:right;line-height:1}.cuenta__riel{flex:1;height:8px;border-radius:99px;background:var(--superficie-hundida);overflow:hidden}.cuenta__barra{height:100%;background:var(--azul-vivo);transform-origin:left center;transition:transform .2s linear}.mando{position:fixed;z-index:12;left:0;right:0;bottom:0;display:flex;gap:var(--espacio-2);padding:var(--espacio-3);padding-bottom:max(var(--espacio-3),env(safe-area-inset-bottom));background:color-mix(in oklab,var(--fondo) 88%,transparent);border-top:1px solid var(--borde);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mando .boton{flex:1 1 0;min-width:0;padding-inline:var(--espacio-3)}.mando .boton.mando__principal{flex:1.5 1 0}@media(max-width:599px){.mando .boton{font-size:var(--texto-base);padding-inline:var(--espacio-2)}.mando .boton.mando__principal{font-size:var(--texto-titulo)}}@media(max-width:479px){.mando{flex-wrap:wrap}.mando .boton.mando__principal{flex:1 0 100%}.anfitrion{padding-bottom:calc(2 * var(--toque-comodo) + var(--espacio-6) + var(--espacio-4) + env(safe-area-inset-bottom))}}@media(min-width:860px){.anfitrion{display:grid;grid-template-columns:1fr 320px;grid-template-areas:"escena panel";gap:var(--espacio-4);padding:var(--espacio-4);padding-bottom:var(--espacio-4);max-width:1100px}.escenario{display:flex;flex-direction:column;gap:var(--espacio-4);grid-area:escena;min-height:0}.panel{grid-area:panel}.mando{position:static;padding:0;border-top:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.panel{display:flex;flex-direction:column;gap:var(--espacio-4);padding:var(--espacio-4)}.cantador__rotulo,.historial__cabeza,.verificar .cantador__rotulo{font-family:var(--tipografia)}.patrones{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--espacio-2)}.patron{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--espacio-2);min-height:var(--toque-minimo);border:2px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto);font-size:var(--texto-menudo);cursor:pointer;transition:border-color var(--rapido) var(--suave),background var(--rapido) var(--suave)}.patron:hover{border-color:var(--borde-fuerte)}.patron[aria-pressed=true]{border-color:var(--azul-vivo);background:var(--superficie-2);font-weight:700}.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:56px}.mini__celda{aspect-ratio:1;border-radius:1px;background:var(--superficie-hundida)}.mini__celda--activa{background:var(--azul-vivo)}.mini__celda--centro{background:var(--azul)}.historial{display:flex;flex-direction:column;gap:var(--espacio-2);min-height:0}.historial__cabeza{display:flex;align-items:baseline;gap:var(--espacio-2);font-size:var(--texto-menudo);color:var(--texto-suave)}.historial__cuenta{font-size:var(--texto-titulo);font-weight:700;color:var(--texto);font-variant-numeric:tabular-nums}.historial__lista{display:flex;flex-direction:column;gap:3px;max-height:34vh;overflow-y:auto;padding-right:4px}.historial__fila{display:flex;align-items:center;gap:var(--espacio-2);padding:5px var(--espacio-2);border-radius:var(--radio);background:var(--superficie);border:1px solid var(--borde);font-size:13px}.historial__fila:first-child{border-color:var(--rojo)}.historial__fila .icono{width:16px;height:16px}.historial__orden{color:var(--texto-tenue);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.verificar{display:flex;flex-direction:column;gap:var(--espacio-2)}.verificar__forma{display:flex;gap:var(--espacio-2)}.verificar__forma .campo{flex:1}.veredicto{display:flex;flex-direction:column;gap:var(--espacio-2)}.veredicto__titulo{font-size:var(--texto-titulo);font-weight:700}.veredicto--si .veredicto__titulo{color:var(--exito)}.veredicto--no .veredicto__titulo{color:var(--error)}.veredicto .grilla{max-width:240px}.veredicto .casilla{min-height:42px;font-size:9.5px}.canto{position:fixed;inset:auto var(--espacio-3) calc(2 * var(--toque-comodo) + var(--espacio-5)) var(--espacio-3);z-index:14;display:flex;align-items:center;gap:var(--espacio-4);padding:var(--espacio-4) var(--espacio-5);border-radius:var(--radio-grande);border:3px solid var(--rojo);background:var(--superficie);animation:aparece var(--normal) var(--suave)}.canto--invalido{border-color:var(--error)}.canto__titulo{font-family:var(--tipografia-display);font-weight:900;font-variation-settings:"opsz" 96;font-size:clamp(26px,4vw,44px);color:var(--rojo);line-height:1;letter-spacing:-.03em}.canto--invalido .canto__titulo{color:var(--error)}.canto__semilla{font-family:var(--tipografia-display);font-variation-settings:"opsz" 48;font-weight:700;font-size:clamp(19px,2.6vw,30px);overflow-wrap:anywhere;text-align:right}.canto__razon{font-size:var(--texto-menudo);color:var(--texto-suave)}.editor{flex:1;display:flex;flex-direction:column;gap:var(--espacio-3);padding:var(--espacio-4);max-width:1100px;width:100%;margin:0 auto}.editor__barra{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--espacio-3);padding:var(--espacio-3);background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio)}.editor__acciones{margin-left:auto;display:flex;gap:var(--espacio-2)}.progreso{display:flex;flex-direction:column;gap:5px;min-width:190px}.progreso__texto{font-size:var(--texto-menudo);color:var(--texto-suave);font-variant-numeric:tabular-nums}.progreso__texto b{color:var(--texto);font-size:var(--texto-base)}.progreso__riel{height:8px;border-radius:4px;background:var(--superficie-hundida);overflow:hidden}.progreso__barra{height:100%;background:var(--exito);transform-origin:left center;transition:transform var(--normal) var(--suave)}.filtros{display:flex;flex-wrap:wrap;gap:var(--espacio-1)}.filtro{min-height:34px;padding:0 var(--espacio-3);border:1px solid var(--borde);border-radius:17px;background:var(--superficie);color:var(--texto-suave);font-size:var(--texto-menudo);cursor:pointer}.filtro[aria-pressed=true]{border-color:var(--azul-vivo);color:var(--texto);font-weight:700}.editor__lista{display:flex;flex-direction:column;gap:var(--espacio-2)}.fila{display:grid;grid-template-columns:34px 1fr 2fr 132px 120px;gap:var(--espacio-2);align-items:start;padding:var(--espacio-2);border:1px solid var(--borde);border-left:4px solid var(--borde);border-radius:var(--radio);background:var(--superficie)}.fila--revisar{border-left-color:var(--rojo)}.fila--lista{border-left-color:var(--exito)}@media(max-width:780px){.fila{grid-template-columns:1fr}}.fila__id{font-size:var(--texto-menudo);color:var(--texto-tenue);padding-top:12px;font-variant-numeric:tabular-nums}.fila__campo{display:flex;flex-direction:column;gap:4px}.fila .campo,.fila select{min-height:38px}.fila textarea.campo{min-height:62px;padding:8px var(--espacio-3);resize:vertical;line-height:1.35;font-family:var(--tipografia)}.fila__pie{display:flex;align-items:center;gap:var(--espacio-2);font-size:11px;color:var(--texto-tenue)}.fila__palabras{font-variant-numeric:tabular-nums}.fila__palabras--exceso{color:var(--error);font-weight:700}.fila__avisos{grid-column:1 / -1;display:flex;flex-direction:column;gap:3px}.fila__aviso{font-size:11.5px;color:var(--error)}.marca{display:flex;align-items:center;gap:6px;min-height:var(--toque-minimo);font-size:var(--texto-menudo);cursor:pointer}.marca input{width:20px;height:20px;accent-color:var(--exito)}.editor__cerrado{padding:var(--espacio-4);border:2px solid var(--rojo);border-radius:var(--radio-grande);background:var(--superficie);text-align:center}.editor__cerrado h2{font-size:var(--texto-titulo);margin-bottom:var(--espacio-2)}.editor__cerrado p{color:var(--texto-suave);font-size:var(--texto-menudo)}.fondo--atenuado:after{background:#060f21e0}@media(prefers-color-scheme:dark){.fondo--atenuado:after{background:#010309e8}}.fondo--atenuado .fondo__img{filter:blur(6px) saturate(.7)}.pantalla{flex:1;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(12px,1.6vh,28px);padding:clamp(12px,2vw,32px);min-height:0;color:var(--sobre-azul)}.pantalla__cinta{display:flex;align-items:center;justify-content:space-between;gap:var(--espacio-4);padding:clamp(8px,1.2vh,16px) clamp(12px,1.6vw,24px);border-radius:var(--radio-grande);background:var(--vidrio);border:1px solid var(--vidrio-borde)}.pantalla__patron{display:flex;align-items:center;gap:var(--espacio-3)}.pantalla__patron .mini{width:clamp(44px,4vw,68px)}.pantalla__patron-nombre{font-size:clamp(20px,2.4vw,38px);line-height:1.05;color:var(--sobre-azul)}.pantalla .rotulo{color:color-mix(in oklab,var(--sobre-azul) 68%,transparent)}.marcador{display:flex;gap:clamp(16px,2.5vw,44px)}.marcador__dato{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.marcador__cifra{font-size:clamp(28px,3.4vw,56px);color:var(--sobre-azul)}.escena{align-self:center;width:100%;display:flex;flex-direction:column;gap:clamp(12px,2vh,32px);min-height:0;padding:clamp(20px,3.4vw,64px);border-radius:clamp(14px,1.6vw,28px);background:var(--vidrio);border:2px solid var(--vidrio-borde);border-left:clamp(8px,.9vw,16px) solid var(--azul-vivo);transition:border-left-color var(--normal) var(--suave)}.pantalla--revelada .escena{border-left-color:var(--amarillo)}.escena__rotulo{font-size:clamp(12px,1.1vw,18px)}.escena__pista{font-size:clamp(30px,5.6vw,108px);line-height:1.04;text-wrap:balance;color:var(--sobre-azul);transition:font-size var(--normal) var(--suave),color var(--normal) var(--suave)}.pantalla--revelada .escena__pista{font-size:clamp(16px,2.2vw,40px);line-height:1.2;color:color-mix(in oklab,var(--sobre-azul) 62%,transparent)}.escena__espera{display:flex;flex-direction:column;gap:var(--espacio-3)}.escena__vacio{font-size:clamp(24px,3.6vw,62px);color:color-mix(in oklab,var(--sobre-azul) 55%,transparent)}.reloj{display:flex;align-items:center;gap:clamp(12px,1.6vw,28px)}.reloj__numero{font-size:clamp(38px,5vw,96px);line-height:1;min-width:2.2ch;text-align:right;color:var(--sobre-azul);transition:color var(--normal) var(--suave)}.reloj__riel{flex:1;height:clamp(10px,1.4vh,22px);border-radius:99px;background:color-mix(in oklab,var(--sobre-azul) 18%,transparent);overflow:hidden}.reloj__barra{height:100%;background:var(--sobre-azul);transform-origin:left center;transition:transform .12s linear,background var(--normal) var(--suave)}.reloj--apurado .reloj__numero{color:var(--rojo-vivo)}.reloj--apurado .reloj__barra{background:var(--rojo-vivo)}.revelacion{display:flex;align-items:center;gap:clamp(14px,2vw,36px);animation:revela-grande .42s var(--rebote)}@keyframes revela-grande{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.revelacion__icono{width:clamp(58px,8.5vw,150px);height:clamp(58px,8.5vw,150px);color:var(--amarillo);flex:none}.revelacion__palabra{font-size:calc(clamp(44px,9vw,168px) * var(--escala-palabra, 1));line-height:.94;letter-spacing:-.03em;color:var(--amarillo);text-wrap:balance}.ultimas{display:flex;align-items:center;gap:var(--espacio-4);min-height:0}.ultimas--vacia{min-height:clamp(34px,5vh,62px)}.ultimas__rotulo{flex:none;writing-mode:horizontal-tb}.ultimas__lista{display:flex;gap:var(--espacio-2);overflow:hidden;flex:1}.ultimas__ficha{display:flex;align-items:center;gap:8px;padding:clamp(5px,.7vh,10px) clamp(9px,.9vw,16px);border-radius:99px;background:var(--vidrio);border:1px solid var(--vidrio-borde);font-size:clamp(11px,1.05vw,17px);font-weight:600;white-space:nowrap;flex:none}.ultimas__icono{width:1.15em;height:1.15em;color:var(--familia, currentColor)}.canto-pleno{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--espacio-5);background:#330001eb;background:oklch(20% .09 27 / .92);animation:entra-canto .3s var(--suave)}.canto-pleno--falso{background:#0a111fed}@keyframes entra-canto{0%{opacity:0}to{opacity:1}}.canto-pleno__caja{text-align:center;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,20px);animation:sube-canto .42s var(--rebote)}@keyframes sube-canto{0%{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:none}}.canto-pleno__titulo{font-size:clamp(56px,13vw,220px);line-height:.92;font-weight:900;letter-spacing:-.04em;color:var(--sobre-rojo)}.canto-pleno--falso .canto-pleno__titulo{font-size:clamp(34px,7vw,110px);color:color-mix(in oklab,var(--sobre-azul) 80%,transparent)}.canto-pleno__nombre{font-size:clamp(26px,4.6vw,80px);line-height:1.05;color:var(--sobre-rojo);text-wrap:balance}.canto-pleno--falso .canto-pleno__nombre{color:var(--sobre-azul)}.canto-pleno__razon{font-size:clamp(13px,1.3vw,22px);color:color-mix(in oklab,var(--sobre-rojo) 75%,transparent)}.canto-pleno--falso .canto-pleno__razon{color:color-mix(in oklab,var(--sobre-azul) 65%,transparent)}@media(orientation:portrait)and (max-width:700px){.pantalla__cinta{flex-direction:column;align-items:flex-start;gap:var(--espacio-3)}.escena__pista{font-size:clamp(26px,7.5vw,44px)}.revelacion__palabra{font-size:clamp(30px,8.5vw,52px)}.ultimas{display:none}}.destrabar{padding:var(--espacio-2) var(--espacio-5);min-height:var(--toque-comodo);border-radius:99px;border:2px solid var(--amarillo);background:var(--amarillo);color:#261800;color:oklch(22% .05 80);font-size:clamp(13px,1.25vw,19px);font-weight:700;cursor:pointer;box-shadow:0 0 color-mix(in oklab,var(--amarillo) 60%,transparent);animation:respira 1.8s ease-in-out infinite}@keyframes respira{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in oklab,var(--amarillo) 55%,transparent)}50%{transform:scale(1.03);box-shadow:0 0 0 14px color-mix(in oklab,var(--amarillo) 0%,transparent)}}.app--pantalla .cabecera{padding-block:var(--espacio-2)}.app--pantalla .cabecera h1{font-size:var(--texto-base)}.app--pantalla .cabecera .sub{display:none}.pantalla--girando .escena{width:fit-content;margin-inline:auto;align-items:center}.tombola{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,22px);animation:entra-tombola .26s var(--suave)}@keyframes entra-tombola{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.tombola__tambor{--tambor: clamp(240px, 42vmin, 460px);position:relative;width:var(--tambor);aspect-ratio:1;border-radius:50%;border:clamp(3px,.5vmin,7px) solid color-mix(in oklab,var(--sobre-azul) 30%,transparent);background:radial-gradient(circle at 34% 28%,oklch(100% 0 0 / .1),transparent 55%),#09152c80;overflow:hidden}.tombola__tambor:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:2px dashed color-mix(in oklab,var(--rojo-vivo) 55%,transparent);animation:gira-aro 9s linear infinite}@keyframes gira-aro{to{transform:rotate(360deg)}}.tombola__bolitas{position:absolute;top:0;right:0;bottom:0;left:0}.bolita{--bolita: clamp(38px, 6.4vmin, 74px);--radio: calc(var(--tambor) * var(--anillo, .26));position:absolute;top:50%;left:50%;width:var(--bolita);height:var(--bolita);margin:calc(var(--bolita) / -2);display:grid;place-items:center;border-radius:50%;padding:4px;background:var(--sobre-azul);color:var(--familia, var(--azul));box-shadow:inset 0 -3px 6px #0000002e,0 2px 6px #0000004d;animation:orbita var(--vuelta) linear infinite;animation-delay:var(--desfase);animation-direction:var(--sentido)}@keyframes orbita{0%{transform:rotate(0) translate(var(--radio)) rotate(0)}to{transform:rotate(360deg) translate(var(--radio)) rotate(-360deg)}}.bolita__palabra{font-family:var(--tipografia-display);font-variation-settings:"opsz" 10;font-weight:700;font-size:calc(clamp(6.5px,1.05vmin,11px) * var(--escala-bolita, 1));line-height:1;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;max-width:100%}.tombola__pie{font-size:clamp(12px,1.3vw,20px)}.tombola__puntos:after{content:"···";animation:parpadea 1.1s steps(1) infinite}@keyframes parpadea{0%{content:"·"}33%{content:"··"}66%{content:"···"}}@media(prefers-reduced-motion:reduce){.bolita{animation:orbita 1ms linear both;animation-delay:calc(var(--desfase) * -260)}.tombola__tambor:after{animation:none}}.bolita[data-largo=media]{--escala-bolita: .88}.bolita[data-largo=larga]{--escala-bolita: .76}