body.intro-active{overflow:hidden}body.intro-active .menu,body.intro-active .floating-music{visibility:hidden}.intro{position:fixed;z-index:80;inset:0;background:var(--color-fondo);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-y:auto;padding:35px 24px 22px;transition:opacity .65s,visibility .65s}.intro::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#e1dedc22 1px,transparent 1px),linear-gradient(90deg,#e1dedc22 1px,transparent 1px);background-size:35px 35px}.intro__frame{text-align:center;position:relative;width:min(100%,700px);margin:auto}.intro .kicker{color:var(--color-principal);font-size:9px;margin-bottom:20px}.intro h1{font:500 clamp(30px,4vw,45px)/1.15 var(--display);letter-spacing:-.04em;margin:0}.intro h1 em{color:var(--color-secundario)}.pet-stage{position:relative;width:340px;max-width:100%;height:320px;display:flex;align-items:center;justify-content:center;margin:15px auto 8px}.pet-stage__circle{position:absolute;width:270px;height:270px;border-radius:50%;background:#f1e3bb72}.pet-stage__ground{position:absolute;width:245px;height:24px;background:#7395642e;border-radius:50%;bottom:0}.pet-button{position:relative;z-index:2;background:none;border:0;padding:0;touch-action:none;cursor:grab;transform-origin:50% 85%;outline-offset:3px;border-radius:50%;transition:transform .2s}.pet-button:active{cursor:grabbing}.pet-button .dog{--dog-size:226px}.pet-button.is-loved{animation:petWiggle .4s ease}.pet-hand{position:absolute;z-index:3;width:65px;right:44px;top:31px;transform-origin:70% 90%;pointer-events:none;animation:petHint 2.6s ease-in-out infinite;filter:drop-shadow(0 5px 2px #703c3020)}.pet-stage__spark{position:absolute;color:var(--color-principal);font-size:36px;top:60px;left:8px}.pet-stage__spark--two{left:auto;right:5px;top:auto;bottom:45px;color:var(--color-secundario);font-size:46px}.pet-instruction{font-size:13px;margin:13px 0 10px}.pet-meter{display:flex;gap:13px;justify-content:center}.pet-meter>span{font:32px/1 Georgia,serif;color:var(--color-secundario);transition:transform .2s}.pet-meter .is-filled{transform:scale(1.12)}.pet-progress{font-size:10px;color:#717666;margin:12px 0 18px}.intro-skip{font-size:11px;border:0;border-bottom:1px solid #7a8d6b;background:none;color:var(--color-principal);padding:5px 0}.intro-skip span{margin-left:12px}.intro__signature{position:relative;font:500 italic 13px var(--display);margin:20px 0 0;color:var(--color-principal)}.intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.pet-hearts{position:absolute;inset:0;z-index:4;pointer-events:none}.pet-heart{position:absolute;left:var(--heart-x,50%);top:var(--heart-y,25%);font:38px Georgia,serif;color:var(--color-secundario);animation:heartFloat .95s ease-out forwards}.intro.is-complete .pet-hand{animation:none;opacity:0}.intro.is-complete .pet-button{animation:petCelebrate .7s ease-in-out}.intro.is-complete .pet-stage__circle{background:#f4c86166}
@keyframes petHint{0%,100%{transform:translate(8px,-12px) rotate(15deg);opacity:.8}40%,65%{transform:translate(-32px,26px) rotate(-14deg);opacity:1}}@keyframes petWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-4deg) scale(1.02)}75%{transform:rotate(4deg) scale(1.02)}}@keyframes petCelebrate{0%,100%{transform:translateY(0)}40%{transform:translateY(-14px) rotate(-4deg)}75%{transform:translateY(-4px) rotate(3deg)}}@keyframes heartFloat{from{opacity:1;transform:translateY(0) rotate(-8deg) scale(.75)}to{opacity:0;transform:translateY(-100px) rotate(15deg) scale(1.2)}}
.pet-button{mix-blend-mode:multiply}.pet-hand{left:38%;right:auto;top:6px}body:not(.keyboard-mode) .pet-button:focus{outline:none}.hero h1[tabindex="-1"]:focus{outline:none}
@media(max-height:730px){.intro{padding:20px 20px 15px}.intro h1{font-size:30px}.pet-stage{height:245px;margin-top:8px}.pet-button .dog{--dog-size:180px}.pet-stage__circle{width:215px;height:215px}.pet-hand{width:53px;top:13px;right:63px}.intro__signature{margin-top:12px;font-size:11px}.intro .kicker{margin-bottom:14px}.pet-instruction{font-size:12px}.pet-progress{margin-bottom:10px}}