:root{--noche-1: #04161c;--noche-2: #0a2b33;--noche-3: #0e3a3c;--azul: #8fd9f0;--verde: #8ee9b4;--crema: #eef7f4;--tenue: rgba(238, 247, 244, .6);--vidrio: rgba(255, 255, 255, .07);--borde: rgba(143, 217, 240, .28);--sans: "Quicksand", system-ui, sans-serif;--acento: "Quicksand", system-ui, sans-serif;--pixel: "Press Start 2P", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--crema);background:radial-gradient(ellipse at 20% 0%,var(--noche-3) 0%,transparent 55%),radial-gradient(ellipse at 85% 100%,#12484a 0%,transparent 50%),linear-gradient(160deg,var(--noche-1),var(--noche-2) 60%,#072228);background-attachment:fixed;overflow-x:hidden}.app{position:relative;min-height:100%}.cielo{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.estrella{position:absolute;background:#fff;border-radius:50%;opacity:.7;animation:titilar linear infinite}@keyframes titilar{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.95;transform:scale(1.3)}}.corazon-flotante{position:absolute;bottom:-60px;animation:subir linear infinite;opacity:0}@keyframes subir{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.85}90%{opacity:.5}to{transform:translateY(-108vh) translate(40px) rotate(20deg);opacity:0}}.confeti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.confeti span{position:absolute;top:-40px;font-size:22px;animation:caer linear forwards}@keyframes caer{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:0}}.pantalla{position:relative;z-index:1;min-height:100vh;padding:48px 20px 96px;display:flex;flex-direction:column;align-items:center}.pantalla.centrada{justify-content:center;text-align:center}.lienzo{width:100%;animation:entrar .7s ease both}@keyframes entrar{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.capitulo{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.susurro{font-family:var(--acento);font-size:1rem;font-weight:600;color:var(--verde);margin:0;letter-spacing:.5px}.titulo-cuenta,.titulo-grande{font-size:clamp(2.1rem,6vw,3.6rem);font-weight:700;line-height:1.15;margin:4px 0 8px}.titulo-seccion{font-size:clamp(1.6rem,4.5vw,2.4rem);margin:0;color:var(--azul)}.titulo-seccion.pixel{font-family:var(--pixel);font-size:clamp(.95rem,3vw,1.4rem);line-height:1.6}.brillo{background:linear-gradient(100deg,var(--azul),var(--verde),var(--azul));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:correr 5s linear infinite}@keyframes correr{to{background-position:220% center}}.frase{font-size:clamp(1rem,2.4vw,1.18rem);line-height:1.75;max-width:640px;margin:0 auto;color:var(--crema)}.nota{font-size:.9rem;color:var(--tenue);margin:0}.tenue{color:var(--tenue);font-size:.85rem}.parpadea{animation:latir 1.8s ease-in-out infinite}@keyframes latir{50%{opacity:.45}}.aparece{animation:entrar .6s ease both;display:flex;flex-direction:column;align-items:center;gap:16px}.boton{font-family:var(--sans);font-size:1rem;font-weight:600;color:#05262b;background:linear-gradient(135deg,var(--azul),var(--verde));border:none;border-radius:999px;padding:14px 30px;cursor:pointer;box-shadow:0 8px 28px #8ee9b447;transition:transform .18s ease,box-shadow .18s ease;margin-top:8px}.boton:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 36px #8ee9b466}.boton:active{transform:translateY(0) scale(.98)}.boton.grande{font-size:1.25rem;padding:18px 44px}.boton.listo{background:linear-gradient(135deg,#bdeeff,#b6f3d3)}.enlace{background:none;border:none;color:var(--tenue);font-family:var(--sans);font-size:.9rem;cursor:pointer;text-decoration:underline;padding:8px}.enlace:hover{color:var(--azul)}.cuenta{gap:6px}.regalo{font-size:clamp(4rem,14vw,7rem);background:none;border:none;cursor:pointer;line-height:1;margin:10px 0;filter:drop-shadow(0 10px 24px rgba(143,217,240,.35));transition:transform .2s ease}.regalo:hover{transform:scale(1.06) rotate(-3deg)}.regalo.tiembla{animation:temblar .6s ease}@keyframes temblar{0%,to{transform:rotate(0)}20%{transform:rotate(-11deg) scale(1.05)}40%{transform:rotate(9deg) scale(1.05)}60%{transform:rotate(-7deg)}80%{transform:rotate(5deg)}}.regalo.abriendo{animation:estallar 2s ease forwards}@keyframes estallar{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-8deg)}70%{transform:scale(.9) rotate(6deg)}to{transform:scale(2.4);opacity:0}}.pista{font-family:var(--acento);font-size:1rem;font-weight:500;color:var(--azul);min-height:2rem;margin:0 0 10px}.reloj{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:14px 0 20px}.unidad{background:var(--vidrio);border:1px solid var(--borde);border-radius:18px;padding:14px 18px;min-width:86px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.numero{display:block;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;color:var(--azul);font-variant-numeric:tabular-nums}.etiqueta{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:2px;color:var(--tenue)}.pastel-cap{gap:14px}.pastel{position:relative;width:220px;margin:30px auto 10px}.velas{display:flex;justify-content:center;gap:26px;margin-bottom:6px}.vela{position:relative;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center}.vela:disabled{cursor:default}.vela .cuerpo{width:10px;height:34px;border-radius:3px;background:repeating-linear-gradient(45deg,#f2fdf8 0,#f2fdf8 5px,#8ee9b4 5px,#8ee9b4 10px)}.vela .llama{width:12px;height:18px;margin-bottom:3px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff8d0,#ffb02e 60%,#ff6a00);box-shadow:0 0 18px 6px #ffb02e8c;animation:fuego .35s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes fuego{0%{transform:scale(1) rotate(-4deg)}to{transform:scale(1.12,.94) rotate(4deg)}}.vela.apagada .llama{opacity:0;box-shadow:none}.vela .humo{position:absolute;top:-6px;width:8px;height:8px;border-radius:50%;background:#ffffff80;opacity:0}.vela.apagada .humo{animation:humito 1.6s ease-out forwards}@keyframes humito{0%{opacity:.6;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-46px) scale(2.2)}}.vela.encendida:hover .llama{transform:scale(1.25)}.piso{border-radius:8px;margin:0 auto;box-shadow:inset 0 -8px #0000001f}.piso-1{width:150px;height:46px;background:linear-gradient(180deg,#d7f2fc 0,#d7f2fc 12px,#a2d9ef 12px)}.piso-2{width:210px;height:56px;background:linear-gradient(180deg,#dcf8e7 0,#dcf8e7 12px,#9cdcb6 12px)}.plato{width:240px;height:12px;margin:4px auto 0;border-radius:999px;background:#ffffff38}.carta-cap{width:100%}.hoja{width:min(700px,100%);background:var(--vidrio);border:1px solid var(--borde);border-radius:22px;padding:34px clamp(20px,5vw,44px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;min-height:300px;max-height:62vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.encabezado-carta{font-family:var(--acento);font-size:1.35rem;font-weight:700;color:var(--azul);margin:0 0 18px}.parrafo{font-size:clamp(1.02rem,2.4vw,1.18rem);line-height:1.85;margin:0 0 18px}.parrafo.hecho{color:var(--tenue)}.cursor{display:inline-block;width:2px;height:1.1em;background:var(--azul);margin-left:3px;vertical-align:text-bottom;animation:latir 1s steps(2) infinite}.lista{list-style:none;margin:8px 0 0;padding:0;width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px;text-align:left}.renglon{border:1px solid var(--borde);border-radius:14px;background:var(--vidrio);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:border-color .2s ease,background .2s ease}.renglon:hover{border-color:var(--azul)}.renglon.marcada{background:linear-gradient(150deg,#8fd9f024,#8ee9b424)}.renglon-boton{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:none;background:none;cursor:pointer;font-family:var(--sans);color:inherit;text-align:left}.casilla{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--borde);display:grid;place-items:center;font-size:.95rem;font-weight:700;color:#05262b;transition:background .2s ease,border-color .2s ease}.renglon.marcada .casilla{background:var(--verde);border-color:var(--verde)}.emoji{font-size:1.5rem;flex:none}.renglon-titulo{font-size:1rem;font-weight:600;line-height:1.35}.contador{font-family:var(--acento);font-size:.95rem;font-weight:600;color:var(--verde);margin:4px 0 0}.galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;width:100%}.foto{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--borde);background:var(--vidrio);cursor:zoom-in;transition:transform .25s ease,box-shadow .25s ease}.foto:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0006}.foto img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;image-rendering:pixelated}.lupa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#031014f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;cursor:zoom-out;animation:entrar .3s ease both}.lupa img{max-width:min(1100px,94vw);max-height:74vh;border-radius:14px;image-rendering:pixelated}.lupa p{font-family:var(--acento);font-size:1.05rem;font-weight:600;color:var(--azul);margin:0;text-align:center}.cerrar{font-size:.82rem;color:var(--tenue)}.pusheen{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;animation:flotar-pusheen 5s ease-in-out infinite}.pusheen img{width:clamp(150px,34vw,210px);aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;border:3px solid var(--borde);box-shadow:0 16px 38px #00000073,0 0 40px #8ee9b440}.pusheen figcaption{font-family:var(--acento);font-size:.95rem;font-weight:600;color:var(--verde)}@keyframes flotar-pusheen{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@media (prefers-reduced-motion: reduce){.pusheen{animation:none}}.final{gap:26px;padding-top:20px}.caja-secreto{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:120px;justify-content:center}.secreto{font-family:var(--acento);font-size:clamp(1.3rem,3.6vw,1.8rem);font-weight:700;color:var(--verde);margin:0;text-shadow:0 0 26px rgba(142,233,180,.5)}.firma{font-family:var(--acento);font-size:1.2rem;font-weight:600;color:var(--azul);line-height:1.4;margin:10px 0 0}.puntos{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px 16px;background:#04161cb3;border:1px solid var(--borde);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.punto{width:10px;height:10px;border-radius:50%;border:1px solid var(--borde);background:transparent;cursor:pointer;padding:0;transition:all .25s ease}.punto.visto{background:#8fd9f073}.punto.activo{background:var(--azul);width:26px;border-radius:999px}@media (max-width: 560px){.pantalla{padding:32px 16px 92px}.hoja{max-height:56vh;padding:26px 20px}.unidad{min-width:72px;padding:12px 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}