/* hecho por r3k1 */
.dib-juego .suelo{stroke:#3a3a40;stroke-width:2;stroke-dasharray:10 7;animation:suelo .6s linear infinite}
@keyframes suelo{to{stroke-dashoffset:17}}
.dib-juego .pincho{fill:var(--red);animation:pincho 2.4s linear infinite}
@keyframes pincho{from{transform:translateX(160px)}to{transform:translateX(-64px)}}
.dib-juego .alma{fill:#f5f1e8;filter:drop-shadow(0 0 8px rgba(229,36,59,.7));transform-box:fill-box;transform-origin:50% 100%;animation:salto 2.4s infinite}
.dib-juego .alma ellipse{fill:#000}
.dib-juego .luna{fill:#f5f1e8;opacity:.9}
.dib-juego .estrella{fill:#f5f1e8;animation:titila 3s ease-in-out infinite;animation-delay:var(--d)}
@keyframes salto{0%,30%{transform:none;animation-timing-function:cubic-bezier(.2,.7,.4,1)}35%{transform:scale(1.12,.86)}52%{transform:translateY(-30px) rotate(-8deg);animation-timing-function:cubic-bezier(.6,0,.8,.3)}68%{transform:none}73%{transform:scale(1.1,.9)}80%,100%{transform:none}}
@keyframes titila{50%{opacity:.15}}

.dib-web .marco{fill:#0b0b0d;stroke:#2a2a2e;stroke-width:2}
.dib-web .barra{stroke:#2a2a2e;stroke-width:2}
.dib-web .l{transform-box:fill-box;transform-origin:0 50%;animation:escribe 7s var(--d) infinite both}
.dib-web .cursor{fill:#f5f1e8;stroke:#000;stroke-width:1.5;animation:puntero 7s ease-in-out infinite}
@keyframes escribe{0%{transform:scaleX(0)}9%{transform:scaleX(1)}72%{transform:scaleX(1);opacity:1}80%,100%{transform:scaleX(1);opacity:0}}
@keyframes puntero{0%,20%{transform:translate(0,0)}40%,55%{transform:translate(-58px,-40px)}58%{transform:translate(-58px,-40px) scale(.85)}62%,80%{transform:translate(-58px,-40px)}100%{transform:translate(0,0)}}

.dib-gato .cabeza,.dib-gato .oreja{fill:#f5f1e8}
.dib-gato .dentro{fill:var(--red);opacity:.8}
.dib-gato .ojo{fill:#000;transform-box:fill-box;transform-origin:50% 50%;animation:parpadea 4.5s infinite}
.dib-gato .nariz{fill:var(--red)}
.dib-gato .bigote{stroke:#8a8a90;stroke-width:1.4;stroke-linecap:round}
.dib-gato .tapa{fill:#141416;stroke:#2c2c2e;stroke-width:2}
.dib-gato .marca{fill:var(--red);filter:drop-shadow(0 0 6px rgba(229,36,59,.9));animation:titila 3.2s ease-in-out infinite}
.dib-gato .pata{fill:#f5f1e8;transform-box:fill-box;transform-origin:50% 100%;animation:teclea .5s ease-in-out infinite alternate}
.dib-gato .pata+.pata{animation-delay:-.25s}
.dib-gato .cola{fill:none;stroke:#f5f1e8;stroke-width:7;stroke-linecap:round;transform-origin:118px 86px;animation:cola 2.6s ease-in-out infinite}
.dib-gato .chispa{fill:var(--red);animation:chispa 2.1s linear infinite;animation-delay:var(--d)}
@keyframes parpadea{0%,92%,100%{transform:none}95%{transform:scaleY(.1)}}
@keyframes teclea{to{transform:translateY(-3px)}}
@keyframes cola{50%{transform:rotate(14deg)}}
@keyframes chispa{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(var(--x),-34px);opacity:0}}
@media (prefers-reduced-motion:reduce){.dib *{animation:none!important}}