/* Animaciones, aparición al hacer scroll y variantes de ambiente (backdrop / flair) */

[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal][data-in="1"]{opacity:1;transform:none}

/* backdrop: fondo de la página */
[data-backdrop="solid"] .bg-grid{display:none}
[data-backdrop="solid"] .bg-glow{opacity:.25}
[data-backdrop="scanlines"] .bg-grid{background-image:repeating-linear-gradient(0deg,var(--grid),var(--grid) 1px,transparent 1px,transparent 4px);background-size:auto;animation:scan 8s linear infinite;mask-image:linear-gradient(#000,#000)}

/* flair: intensidad de la personalidad gamer */
[data-flair="refined"] .deco-float{display:none}
[data-flair="refined"] .term-cursor{display:none}
[data-flair="refined"] .bg-grid{animation:none;opacity:.55}
[data-flair="refined"] .glow-pulse{animation:none}
[data-flair="refined"] .accent-frame{opacity:.28}
[data-flair="playful"] .deco-float{animation-duration:3s}
[data-flair="playful"] .bg-glow{opacity:.95;animation-duration:3.5s}
[data-flair="playful"] .accent-frame{opacity:.85;box-shadow:0 0 30px var(--glow)}

@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes gridpan{0%{background-position:0 0}100%{background-position:0 44px}}
@keyframes scan{0%{background-position:0 0}100%{background-position:0 200px}}
@keyframes glowpulse{0%,100%{opacity:.45}50%{opacity:.85}}
/* easter egg del código Konami */
@keyframes kSnake{0%{left:-100px}100%{left:112vw}}
@keyframes kSnakeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}