:root{--azul-noche:#2b2d42;--blanco:#fff;--coral:#ff8a5b;--amarillo:#ffd166;--turquesa:#4ecdc4;--celeste:#bfe6ff;--rosa:#ff9aa2;--fuente:"Baloo 2", "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--fuente);color:var(--azul-noche);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#141634;margin:0;overflow:hidden}#lienzo{display:block;position:fixed;inset:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}#botones-superiores{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:20;gap:10px;display:flex;position:fixed}.btn-redondo{border:4px solid var(--azul-noche);background:var(--blanco);border-radius:50%;place-items:center;width:52px;height:52px;padding:0;transition:transform .12s;display:grid;box-shadow:0 4px #2b2d4273}.btn-redondo:hover{transform:translateY(-2px)}.btn-redondo:active{transform:translateY(2px);box-shadow:0 2px #2b2d4273}.btn-redondo svg{width:26px;height:26px;fill:var(--azul-noche)}.btn-redondo .onda{fill:none;stroke:var(--azul-noche);stroke-width:2.4px;stroke-linecap:round}.btn-redondo .icono-off,.btn-redondo.silencio .icono-on{display:none}.btn-redondo.silencio .icono-off{display:block}#btn-pausa{display:none}body.jugando #btn-pausa{display:grid}#controles-tactiles{padding:0 max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;z-index:15;justify-content:space-between;align-items:flex-end;display:none;position:fixed;bottom:0;left:0;right:0}body.tactil.jugando #controles-tactiles{display:flex}.grupo-flechas{gap:14px;display:flex}.tecla{pointer-events:auto;touch-action:none;background:#ffffff2e;border:4px solid #ffffffbf;border-radius:50%;place-items:center;width:84px;height:84px;padding:0;transition:transform 80ms,background 80ms;display:grid}.tecla svg{fill:none;width:40px;height:40px;stroke:var(--blanco);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.tecla.pulsada{background:#fff6;transform:scale(.9)}.tecla-salto{background:#ffd16638;border-color:#ffd166e6;width:104px;height:104px}.tecla-salto svg{width:54px;height:54px}.tecla-salto .relleno{fill:var(--amarillo);stroke:var(--azul-noche);stroke-width:1.6px}@media (height<=450px){#controles-tactiles{padding-bottom:max(12px, env(safe-area-inset-bottom))}.tecla{width:70px;height:70px}.tecla svg{width:34px;height:34px}.tecla-salto{width:88px;height:88px}.tecla-salto svg{width:46px;height:46px}}.pantalla{opacity:0;visibility:hidden;z-index:30;pointer-events:none;background:radial-gradient(#14163440,#141634b3);place-items:center;padding:16px;transition:opacity .4s,visibility .4s;display:grid;position:fixed;inset:0}.pantalla.visible{opacity:1;visibility:visible;pointer-events:auto}.tarjeta{border:5px solid var(--azul-noche);text-align:center;background:#fffffff2;border-radius:36px;max-width:560px;max-height:calc(100vh - 32px);padding:22px 34px 26px;transition:transform .45s cubic-bezier(.2,1.4,.4,1);overflow:auto;transform:translateY(20px)scale(.96);box-shadow:0 10px #2b2d4266,0 20px 60px #00000059}.pantalla.visible .tarjeta{transform:none}.lumi-portada{filter:drop-shadow(0 8px 10px #2b2d4233);width:clamp(100px,25vh,190px);height:auto;animation:3s ease-in-out infinite flotar}@keyframes flotar{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}h1{color:var(--coral);letter-spacing:1px;text-shadow:0 4px 0 var(--azul-noche);-webkit-text-stroke:2px var(--azul-noche);margin:0;font-size:clamp(48px,11vh,76px);font-weight:800;line-height:.95}h2{color:var(--azul-noche);margin:0 0 10px;font-size:clamp(28px,6vh,40px);font-weight:800;line-height:1.1}.subtitulo{color:#6a5bb5;margin:4px 0 6px;font-size:clamp(20px,4vh,26px);font-weight:700}.historia{max-width:420px;margin:0 auto 14px;font-size:18px;font-weight:500;line-height:1.35}.btn-grande{color:var(--blanco);background:var(--coral);border:5px solid var(--azul-noche);box-shadow:0 7px 0 var(--azul-noche);text-shadow:0 2px #2b2d4259;border-radius:999px;padding:6px 40px 4px;font-size:30px;font-weight:800;transition:transform .12s,box-shadow .12s;animation:1.8s ease-in-out infinite latido;display:inline-block}.btn-grande:hover{transform:translateY(-3px)scale(1.03)}.btn-grande:active{box-shadow:0 2px 0 var(--azul-noche);animation:none;transform:translateY(5px)}@keyframes latido{0%,to{scale:1}50%{scale:1.05}}.btn-secundario{color:var(--azul-noche);background:var(--celeste);border:4px solid var(--azul-noche);box-shadow:0 4px 0 var(--azul-noche);border-radius:999px;margin:16px auto 0;padding:2px 24px 0;font-size:20px;font-weight:700;display:block}.btn-secundario:active{box-shadow:0 1px 0 var(--azul-noche);transform:translateY(3px)}.ayuda{color:#4a4c68;flex-direction:column;gap:4px;margin-top:12px;font-size:16px;font-weight:500;display:flex}.ayuda-tactil,body.tactil .ayuda-teclado{display:none}body.tactil .ayuda-tactil{display:flex}kbd{border:3px solid var(--azul-noche);min-width:30px;box-shadow:0 2px 0 var(--azul-noche);background:#f1eeff;border-radius:9px;margin:0 2px;padding:0 7px;font-family:inherit;font-size:15px;font-weight:700;display:inline-block}.tarjeta-chica{min-width:min(420px,100%)}#fila-estrellas{flex-wrap:wrap;justify-content:center;gap:4px;max-width:470px;margin:6px auto 10px;display:flex}#fila-estrellas svg{width:34px;height:34px}#fila-estrellas .llena{animation:.5s cubic-bezier(.2,1.6,.4,1) both aparecer}@keyframes aparecer{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}#mensaje-final{margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.3}.fila-botones{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 16px;display:flex}.fila-botones .btn-secundario{margin:0}.btn-album{flex-shrink:0;width:60px;height:60px;position:relative}.btn-album svg{width:30px;height:30px;fill:var(--celeste);stroke:var(--azul-noche);stroke-width:1.8px;stroke-linejoin:round}.btn-album .estrella-album{fill:var(--amarillo);stroke-width:1.2px}.album-cuenta{min-width:34px;color:var(--azul-noche);background:var(--amarillo);border:3px solid var(--azul-noche);border-radius:999px;padding:0 5px;font-size:13px;font-weight:800;line-height:20px;position:absolute;bottom:-8px;right:-10px}.proxima{color:#6a5bb5;margin:8px 0 0;font-size:15px;font-weight:600}.tarjeta-album{width:100%;max-width:900px}#album-recuerdos{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:6px 0 4px;display:grid}.recuerdo{cursor:default;border-radius:16px;outline:none;margin:0;position:relative}.recuerdo canvas,.recuerdo-oculto{aspect-ratio:8/5;border:4px solid var(--azul-noche);border-radius:16px;width:100%;display:block;box-shadow:0 4px #2b2d4259}.recuerdo-oculto{color:#b9b3d6;box-shadow:none;background:#eeeafb;border-style:dashed;border-color:#b9b3d6;place-items:center;font-size:34px;font-weight:800;display:grid}.recuerdo figcaption{margin-top:4px;font-size:14px;font-weight:700;line-height:1.15}.recuerdo.bloqueado figcaption{color:#8f8aae}.recuerdo-pista{z-index:2;aspect-ratio:8/5;color:var(--blanco);border:4px solid var(--azul-noche);opacity:0;pointer-events:none;background:#2b2d42eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.2;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:0;left:0;right:0;transform:scale(.94)}.recuerdo-pista strong{color:var(--amarillo);font-size:14px}.recuerdo:hover .recuerdo-pista,.recuerdo:focus .recuerdo-pista{opacity:1;transform:none}.recuerdo:focus-visible{box-shadow:0 0 0 4px var(--amarillo)}#recuerdos-nuevos{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 16px;display:flex}#recuerdos-nuevos.vacio{display:none}#recuerdos-nuevos .recuerdo{width:150px}#recuerdos-nuevos .recuerdo:before{content:"¡Nuevo recuerdo!";color:var(--coral);margin-bottom:4px;font-size:14px;font-weight:800;display:block}.recuerdo-nuevo{animation:.6s cubic-bezier(.2,1.6,.4,1) 1.2s both aparecer}@media (height<=520px){.tarjeta{padding:14px 24px 18px}#pantalla-inicio .tarjeta{text-align:left;align-items:center;gap:18px;max-width:680px;display:flex}#pantalla-inicio .lumi-portada{flex-shrink:0;width:clamp(100px,34vh,170px)}.historia{margin-left:0;font-size:16px}.ayuda{margin-top:10px;font-size:14px}#pantalla-inicio h1{font-size:44px}#pantalla-inicio .subtitulo{margin:2px 0 4px;font-size:20px}#pantalla-inicio .historia{margin-bottom:10px;line-height:1.25}#pantalla-inicio .ayuda{gap:0;margin-top:6px}#pantalla-inicio .fila-botones{justify-content:flex-start}.proxima{margin-top:6px;font-size:14px}#fila-estrellas{margin:2px auto 6px}#fila-estrellas svg{width:24px;height:24px}#mensaje-final{margin-bottom:8px;font-size:17px}#recuerdos-nuevos{margin-bottom:10px}#recuerdos-nuevos .recuerdo{width:110px}#recuerdos-nuevos .recuerdo:before,.recuerdo figcaption{font-size:12px}.recuerdo-pista{padding:6px 8px;font-size:12px}.btn-grande{padding:4px 30px 2px;font-size:26px}}#girar{z-index:50;color:var(--blanco);text-align:center;background:#1b1d3a;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:24px;font-weight:700;display:none;position:fixed;inset:0}.girar-icono{font-size:64px;animation:2s ease-in-out infinite girar}@keyframes girar{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation:portrait) and (pointer:coarse){#girar{display:flex}}@media (prefers-reduced-motion:reduce){.lumi-portada,.btn-grande,.girar-icono{animation:none}#fila-estrellas .llena,.recuerdo-nuevo{animation-duration:10ms;animation-delay:0s!important}.tarjeta,.pantalla,.recuerdo-pista{transition:none}}