:root{--noche:#0d0716;--noche-2:#1c0f2e;--calabaza:#ff7a1a;--morado:#8b3dff;--babas:#3ddc84;--sangre:#ff3d6e;--texto:#f5ecff;--suave:#b9a6d3;--radio:20px;--titulo:"Creepster", "Chiller", fantasy}*{box-sizing:border-box}html{color-scheme:dark}body{background:radial-gradient(ellipse at 50% 120%, #ff7a1a33 0%, transparent 55%), radial-gradient(ellipse at 50% -10%, #8b3dff40 0%, transparent 60%), var(--noche);min-height:100vh;color:var(--texto);margin:0;font:17px/1.55 Nunito,system-ui,sans-serif;overflow-x:hidden}main{z-index:1;width:min(980px,100% - 32px);margin-inline:auto;padding:28px 0 48px;position:relative}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.ambiente{pointer-events:none;position:fixed;inset:0;overflow:hidden}.luna{aspect-ratio:1;opacity:.85;background:radial-gradient(circle at 35% 35%,#fff7d6,#f3d98b 60%,#c9a54b);border-radius:50%;width:clamp(70px,12vw,140px);position:absolute;top:6vh;right:8vw;box-shadow:0 0 60px 18px #f3d98b33}.niebla{background:radial-gradient(at 30% 100%,#b9a6d322,#0000 60%),radial-gradient(at 75% 100%,#b9a6d31a,#0000 55%);height:40vh;animation:18s ease-in-out infinite alternate niebla;position:absolute;inset:auto -20% 0}@keyframes niebla{to{transform:translate(8%)}}.murcielago{filter:drop-shadow(0 0 6px #000);font-size:28px;animation:14s linear infinite vuelo;position:absolute}.m1{animation-duration:16s;top:12%}.m2{font-size:20px;animation-duration:21s;animation-delay:-7s;top:30%}.m3{font-size:24px;animation-duration:26s;animation-delay:-15s;top:58%}@keyframes vuelo{0%{transform:translate(-10vw)scaleX(-1)}25%{transform:translate(25vw,-4vh)scaleX(-1)}50%{transform:translate(55vw,3vh)scaleX(-1)}75%{transform:translate(85vw,-3vh)scaleX(-1)}to{transform:translate(115vw)scaleX(-1)}}.flotante{opacity:.35;font-size:34px;animation:6s ease-in-out infinite alternate flotar;position:absolute}.f1{top:70%;left:4%}.f2{opacity:.25;font-size:60px;top:4%;left:2%}.f3{animation-delay:-3s;bottom:6%;right:5%}@keyframes flotar{to{transform:translateY(-18px)rotate(6deg)}}.cabecera{text-align:center;margin-bottom:10px}.antetitulo{color:var(--calabaza);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:14px;font-weight:900}h1{font-family:var(--titulo);color:var(--calabaza);text-shadow:0 0 18px #ff7a1a88,0 4px #6b1d00;margin:4px 0 6px;font-size:clamp(44px,9vw,88px);font-weight:400;line-height:1}h1 span{color:var(--babas);text-shadow:0 0 16px #3ddc8488,0 3px #0b4d27;margin-top:6px;font-size:.7em;display:block}h1 strong{text-shadow:0 0 26px #3ddc84aa,0 5px #0b4d27;font-size:2em;font-weight:400;line-height:.95;display:block}.intro{color:var(--suave);max-width:520px;margin:0 auto}.escenario{flex-direction:column;align-items:center;gap:18px;margin-top:18px;display:flex}.ruleta-marco{aspect-ratio:1;width:min(520px,100%);position:relative}.ruleta{will-change:transform;filter:drop-shadow(0 0 28px #8b3dff66)drop-shadow(0 18px 30px #000a);width:100%;height:100%}.ruleta svg{width:100%;height:100%;display:block;overflow:visible}.borde{fill:#2a1640;stroke:#ff7a1a;stroke-width:4px}.sector path{stroke:#0d0716;stroke-width:2px;transition:filter .4s}.sector-emoji{dominant-baseline:middle;font-size:30px}.sector-texto{font-family:Nunito,sans-serif;font-size:17px;font-weight:900}.sector-tipo{letter-spacing:.18em;opacity:.75;font-family:Nunito,sans-serif;font-size:10px;font-weight:900}.separador{stroke:#0d0716;stroke-width:4px}.bombilla{fill:#ffe9a8;animation:.8s steps(2,end) infinite parpadeo}@keyframes parpadeo{50%{fill:#ff7a1a}}.sector.ganador path{filter:brightness(1.25)saturate(1.2);animation:.9s ease-in-out 3 latido}@keyframes latido{50%{filter:brightness(1.6)saturate(1.4)}}.ruleta:has(.ganador) .sector:not(.ganador) path{filter:brightness(.45)saturate(.6)}.puntero{z-index:3;transform-origin:50% 30%;filter:drop-shadow(0 4px 6px #000c);width:10%;position:absolute;top:-4%;left:50%;translate:-50%}.puntero svg{width:100%;display:block}.puntero path{fill:var(--babas);stroke:#0b4d27;stroke-width:2px}.puntero circle{fill:#0b4d27}.puntero.toque{animation:.12s ease-out toque}@keyframes toque{50%{transform:rotate(-14deg)}}.girar{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 40% 35%, #ffb066, var(--calabaza) 55%, #c24d00);color:#2a0e00;border:5px solid #6b1d00;border-radius:50%;align-content:center;place-items:center;gap:0;width:26%;padding:0;transition:transform .15s,filter .2s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 6px #0d0716,0 0 30px #ff7a1aaa,inset 0 -8px 14px #0004}.girar:hover:not(:disabled){transform:scale(1.06)}.girar:active:not(:disabled){transform:scale(.96)}.girar:disabled{filter:grayscale(.4)brightness(.8);cursor:wait}.girar-cara{font-size:clamp(26px,6vw,44px);line-height:1}.girar-texto{letter-spacing:.12em;font-size:clamp(12px,2.6vw,18px);font-weight:900}.resultado{text-align:center;min-height:1.6em;color:var(--suave);margin:4px 0 0;font-size:clamp(20px,4vw,28px);font-weight:900}.resultado.revelado{color:var(--babas);animation:.5s cubic-bezier(.2,1.6,.4,1) revelar}@keyframes revelar{0%{opacity:0;transform:scale(.6)}}.tachado{display:none}.tachado line{stroke:#d10f3f;stroke-width:13px;stroke-linecap:round;filter:drop-shadow(0 2px 3px #000c)}.sector.usado .tachado{display:inline}.sector.usado path{filter:grayscale()brightness(.32)}.sector.usado text{opacity:.35}.sector.usado.ganador path{filter:none;animation:.9s ease-in-out 3 latido}.sector.usado.ganador text{opacity:1}.control{flex-direction:column;align-items:center;gap:10px;display:flex}.control-titulo{color:var(--suave);text-align:center;margin:0;font-size:15px;font-weight:900}.control-titulo span{opacity:.75;font-weight:500}.control-lista{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.control-queso{border:1.5px solid color-mix(in srgb, var(--color) 70%, transparent);background:color-mix(in srgb, var(--color) 12%, transparent);color:var(--texto);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.control-queso[aria-pressed=true]{opacity:.45;background:0 0;border-color:#fff3;text-decoration:line-through 2px #ff3d6e}.control-queso[aria-pressed=true]:before{content:"✕ ";color:var(--sangre);font-weight:900}.chip{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900;display:inline-block}.chip-reto{color:var(--babas);border:1.5px solid var(--babas);background:#3ddc8422}.chip-castigo{color:var(--sangre);border:1.5px solid var(--sangre);background:#ff3d6e22}.sonido{color:var(--suave);background:0 0;border:1.5px solid #b9a6d355;border-radius:999px;padding:6px 16px;font-size:14px}.sonido:hover{border-color:var(--suave);color:var(--texto)}.popup{background:linear-gradient(180deg, var(--noche-2), var(--noche));width:min(560px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--texto);border:0;border-radius:26px;padding:0;overflow:auto;box-shadow:0 0 0 2px #ff7a1a66,0 0 60px #8b3dff66,0 30px 80px #000}.popup[open]{animation:.45s cubic-bezier(.2,1.4,.4,1) aparecer}@keyframes aparecer{0%{opacity:0;transform:scale(.7)rotate(-4deg)}}.popup::backdrop{backdrop-filter:blur(4px);background:#05020acc}.cerrar{float:right;z-index:2;width:40px;height:40px;color:var(--texto);background:#ffffff14;border:0;border-radius:50%;margin:12px 12px 0 0;font-size:18px;position:sticky;top:12px}.cerrar:hover{background:#ffffff26}.ficha{padding:28px clamp(20px,5vw,36px)}.ficha-cabecera{text-align:center;margin-bottom:14px}.ficha-emoji{filter:drop-shadow(0 0 18px var(--color));font-size:64px;line-height:1.1;animation:2.4s ease-in-out infinite alternate flotar;display:block}.ficha h2{font-family:var(--titulo);color:var(--color);text-shadow:0 0 18px color-mix(in srgb, var(--color) 50%, transparent);margin:10px 0 0;font-size:clamp(36px,8vw,52px);font-weight:400;line-height:1.05}.ficha>p{margin:0 0 12px;font-size:18px}.herramienta{border-radius:var(--radio);border:1.5px dashed color-mix(in srgb, var(--color) 50%, transparent);text-align:center;background:#ffffff0a;flex-direction:column;align-items:center;gap:12px;margin:20px 0 6px;padding:18px;display:flex}.herramienta>p{margin:0}.boton{background:var(--color,var(--calabaza));color:#12081d;box-shadow:0 6px 0 color-mix(in srgb, var(--color,var(--calabaza)) 45%, #000);border:0;border-radius:999px;padding:13px 26px;font-size:17px;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.boton:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--color,var(--calabaza)) 45%, #000);transform:translateY(4px)}.boton:disabled{opacity:.5;cursor:default}.boton-secundario{color:var(--texto);border:2px solid var(--color);box-shadow:none;background:0 0;padding:10px 20px}.boton-secundario:active:not(:disabled){box-shadow:none;transform:scale(.97)}.boton-fin{width:100%;color:var(--texto);box-shadow:none;background:#ffffff14;margin-top:22px;display:block}.boton-fin:active{box-shadow:none!important}.idea{min-height:1.5em;font-size:19px;font-weight:700}.ritmo{color:var(--suave);font-size:15px;font-weight:700}.audio-pantalla{background:#0006;border-radius:16px;width:100%;padding:18px 12px 12px}.audio-palabra{font-family:var(--titulo);color:var(--color);overflow-wrap:anywhere;min-height:1.15em;margin:0;font-size:clamp(40px,11vw,64px);line-height:1.1}.audio.cuenta-atras .audio-palabra{color:var(--texto);font-size:clamp(60px,16vw,90px)}.audio-palabra.nueva{animation:.4s cubic-bezier(.2,1.6,.4,1) revelar}.barra{background:#ffffff14;border-radius:99px;height:8px;margin:12px 0 8px;overflow:hidden}.barra-relleno{background:var(--color);border-radius:inherit;width:0;height:100%}.audio-reloj{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:900}.audio.terminado .audio-reloj{color:var(--sangre)}.audio-lista{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.audio-lista:empty{display:none}.audio-lista li{color:var(--babas);background:#3ddc841f;border-radius:999px;padding:3px 11px;font-size:14px;font-weight:700}.tema-etiqueta{color:var(--suave);font-size:14px}.tema{color:var(--color);font-size:22px;font-weight:900}.crono{aspect-ratio:1;width:150px;margin-top:6px;position:relative}.crono svg{width:100%;height:100%;transform:rotate(-90deg)}.crono-fondo{fill:none;stroke:#ffffff14;stroke-width:10px}.crono-arco{fill:none;stroke:var(--color);stroke-width:10px;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327px}.crono.cumplido .crono-arco{stroke:var(--babas)}.crono-tiempo{font-variant-numeric:tabular-nums;place-items:center;font-size:34px;font-weight:900;display:grid;position:absolute;inset:0}.crono.en-marcha .crono-tiempo:before{content:"● REC";letter-spacing:.15em;color:var(--sangre);font-size:11px;animation:1s steps(2,end) infinite parpadeo-rec;position:absolute;top:34%}@keyframes parpadeo-rec{50%{opacity:0}}.crono-aviso{color:var(--suave);font-weight:700}.crono.cumplido+.crono-aviso{color:var(--babas)}.foto img{aspect-ratio:1;object-fit:cover;object-position:50% 72%;border:5px solid var(--color);width:min(220px,70%);height:auto;box-shadow:0 0 30px color-mix(in srgb, var(--color) 60%, transparent);border-radius:50%}.nota{color:var(--suave);font-size:14px}.cuenta{text-align:center;background:linear-gradient(#1c0f2ee6,#0d0716e6);border-radius:24px;width:min(520px,100%);margin-top:10px;padding:22px clamp(16px,4vw,28px);box-shadow:0 0 0 1.5px #ff7a1a44,0 0 40px #8b3dff33}.cuenta.en-marcha{box-shadow:0 0 0 2px var(--babas), 0 0 50px #3ddc8444}.cuenta-titulo{font-family:var(--titulo);color:var(--calabaza);margin:0 0 10px;font-size:clamp(30px,6vw,40px);font-weight:400;line-height:1.05}.cuenta-texto{color:var(--suave);margin:0 0 14px}.cuenta-atajos{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.cuenta-atajo{color:var(--texto);background:#ff7a1a14;border:1.5px solid #ff7a1a88;border-radius:999px;padding:7px 14px;font-weight:700}.cuenta-atajo:hover{background:#ff7a1a33}.cuenta-campo{color:var(--suave);align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:inline-flex}.cuenta-campo input{width:110px;color:var(--texto);font:inherit;text-align:center;background:#0006;border:2px solid #b9a6d340;border-radius:14px;padding:10px 12px;font-size:26px;font-weight:900}.cuenta-campo input:focus{border-color:var(--calabaza);outline:none}.cuenta-boton{width:100%;display:block}.cuenta-reloj{margin:4px 0 10px;font-size:64px;line-height:1}.cuenta.en-marcha .cuenta-reloj{animation:4s ease-in-out infinite girar-reloj}@keyframes girar-reloj{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.cuenta-aviso{color:var(--calabaza);margin:0 0 14px;font-weight:900}.cuenta-final{font-family:var(--titulo);color:var(--sangre);text-shadow:0 0 20px #ff3d6e88;margin:0 0 16px;font-size:clamp(36px,8vw,56px);line-height:1.05}#cuenta-activar{margin-bottom:12px}.mini-boton{color:var(--suave);background:0 0;border:0;padding:6px;font-size:14px;text-decoration:underline}.alarma{z-index:100;text-align:center;background:#d10f3f;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;animation:.5s steps(2,end) infinite alarma-fondo;display:flex;position:fixed;inset:0}@keyframes alarma-fondo{0%{background:#d10f3f}50%{background:#0d0716}}.alarma-icono{margin:0;font-size:clamp(60px,14vw,140px);line-height:1;animation:.15s linear infinite temblar}.alarma-texto{font-family:var(--titulo);color:#fff;text-shadow:0 0 30px #ff3d6e,0 6px #6b0020;margin:0;font-size:clamp(56px,13vw,170px);line-height:.95;animation:.12s linear infinite temblar}@keyframes temblar{0%{transform:translate(0)rotate(0)}25%{transform:translate(-5px,3px)rotate(-2deg)}50%{transform:translate(4px,-3px)rotate(1.5deg)}75%{transform:translate(-3px,-2px)rotate(-1deg)}}.alarma-parar{--color:#ffd23d;padding:16px 34px;font-size:22px}@media (prefers-reduced-motion:reduce){.murcielago,.flotante,.niebla,.bombilla,.ficha-emoji,.cuenta-reloj,.alarma,.alarma-icono,.alarma-texto{animation:none!important}}