body{margin:0;padding:0;background-color:#2a2235;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;touch-action:none}*{box-sizing:border-box}.spider-visual-container[data-v-c5f49b6e]{--trans-dur: .1s;--ease: linear;width:100%;height:100%}[data-v-c5f49b6e] .anim-part{transition:transform var(--trans-dur) var(--ease),opacity var(--trans-dur) var(--ease)}[data-v-c5f49b6e] .character-bob{transform-origin:430px 800px}[data-v-c5f49b6e] .front-leg{transform-origin:445px 545px}[data-v-c5f49b6e] .back-leg{transform-origin:395px 550px}[data-v-c5f49b6e] .front-arm{transform-origin:435px 405px}[data-v-c5f49b6e] .head-group{transform-origin:425px 380px}[data-v-c5f49b6e] .back-hair{transform-origin:350px 250px}[data-v-c5f49b6e] .ahoge{transform-origin:440px 120px}[data-v-c5f49b6e] .spider-leg-1{transform-origin:370px 480px}[data-v-c5f49b6e] .spider-leg-2{transform-origin:350px 510px}[data-v-c5f49b6e] .spider-leg-3{transform-origin:340px 500px}[data-v-c5f49b6e] .spider-leg-4{transform-origin:350px 470px}.state-jump[data-v-c5f49b6e] .anim-part{--trans-dur: .2s;--ease: ease-out}.state-jump[data-v-c5f49b6e] .character-bob{transform:rotate(-5deg)}.state-jump[data-v-c5f49b6e] .front-leg{transform:rotate(-80deg)}.state-jump[data-v-c5f49b6e] .back-leg{transform:rotate(60deg)}.state-jump[data-v-c5f49b6e] .front-arm{transform:rotate(80deg)}.state-jump[data-v-c5f49b6e] .head-group{transform:rotate(15deg)}.state-jump[data-v-c5f49b6e] .back-hair{transform:rotate(-25deg)}.state-jump[data-v-c5f49b6e] .ahoge{transform:scaleY(.7) rotate(-30deg)}.state-jump[data-v-c5f49b6e] .spider-leg-1{transform:translate(10px,10px) rotate(-50deg)}.state-jump[data-v-c5f49b6e] .spider-leg-2{transform:translate(20px,30px) rotate(40deg)}.state-jump[data-v-c5f49b6e] .spider-leg-3{transform:translate(40px,60px) rotate(-40deg)}.state-jump[data-v-c5f49b6e] .spider-leg-4{transform:translate(80px,90px) rotate(50deg)}.state-fall[data-v-c5f49b6e] .anim-part{--trans-dur: .3s;--ease: ease-in}.state-fall[data-v-c5f49b6e] .character-bob{transform:rotate(12deg)}.state-fall[data-v-c5f49b6e] .front-leg{transform:rotate(-15deg)}.state-fall[data-v-c5f49b6e] .back-leg{transform:rotate(25deg)}.state-fall[data-v-c5f49b6e] .front-arm{transform:rotate(-120deg)}.state-fall[data-v-c5f49b6e] .head-group{transform:rotate(-10deg)}.state-fall[data-v-c5f49b6e] .back-hair{transform:rotate(45deg)}.state-fall[data-v-c5f49b6e] .ahoge{transform:scaleY(1.5) rotate(50deg)}.state-fall[data-v-c5f49b6e] .spider-leg-1{transform:translateY(-40px) rotate(70deg)}.state-fall[data-v-c5f49b6e] .spider-leg-2{transform:translate(10px,-20px) rotate(-70deg)}.state-fall[data-v-c5f49b6e] .spider-leg-3{transform:translate(30px,10px) rotate(80deg)}.state-fall[data-v-c5f49b6e] .spider-leg-4{transform:translate(60px,40px) rotate(-80deg)}.state-swing[data-v-c5f49b6e] .anim-part{--trans-dur: .2s;--ease: ease-out}.state-swing[data-v-c5f49b6e] .character-bob{transform:rotate(-15deg)}.state-swing[data-v-c5f49b6e] .front-leg{transform:rotate(-40deg)}.state-swing[data-v-c5f49b6e] .back-leg{transform:rotate(-20deg)}.state-swing[data-v-c5f49b6e] .front-arm{transform:rotate(120deg)}.state-swing[data-v-c5f49b6e] .head-group{transform:rotate(25deg)}.state-swing[data-v-c5f49b6e] .back-hair{transform:rotate(-50deg)}.state-swing[data-v-c5f49b6e] .ahoge{transform:scaleY(1.2) rotate(-20deg)}.state-swing[data-v-c5f49b6e] .spider-leg-1{transform:translate(30px) rotate(-50deg)}.state-swing[data-v-c5f49b6e] .spider-leg-2{transform:translate(50px,20px) rotate(-30deg)}.state-swing[data-v-c5f49b6e] .spider-leg-3{transform:translate(70px,50px) rotate(10deg)}.state-swing[data-v-c5f49b6e] .spider-leg-4{transform:translate(90px,80px) rotate(40deg)}.run-1[data-v-c5f49b6e] .character-bob,.run-3[data-v-c5f49b6e] .character-bob{transform:translateY(0) rotate(8deg)}.run-1[data-v-c5f49b6e] .head-group,.run-3[data-v-c5f49b6e] .head-group{transform:rotate(0)}.run-1[data-v-c5f49b6e] .back-hair,.run-3[data-v-c5f49b6e] .back-hair{transform:rotate(4deg)}.run-1[data-v-c5f49b6e] .ahoge,.run-3[data-v-c5f49b6e] .ahoge{transform:scaleY(1) rotate(0)}.run-2[data-v-c5f49b6e] .character-bob,.run-4[data-v-c5f49b6e] .character-bob{transform:translateY(-12px) rotate(10deg)}.run-2[data-v-c5f49b6e] .head-group,.run-4[data-v-c5f49b6e] .head-group{transform:rotate(-6deg)}.run-2[data-v-c5f49b6e] .back-hair,.run-4[data-v-c5f49b6e] .back-hair{transform:rotate(20deg)}.run-2[data-v-c5f49b6e] .ahoge,.run-4[data-v-c5f49b6e] .ahoge{transform:scaleY(1.15) rotate(10deg)}.run-1[data-v-c5f49b6e] .front-leg{transform:rotate(-55deg)}.run-1[data-v-c5f49b6e] .back-leg{transform:rotate(50deg)}.run-1[data-v-c5f49b6e] .front-arm{transform:rotate(45deg)}.run-2[data-v-c5f49b6e] .front-leg{transform:rotate(-5deg)}.run-2[data-v-c5f49b6e] .back-leg{transform:rotate(-2.5deg)}.run-2[data-v-c5f49b6e] .front-arm{transform:rotate(-5deg)}.run-3[data-v-c5f49b6e] .front-leg{transform:rotate(45deg)}.run-3[data-v-c5f49b6e] .back-leg,.run-3[data-v-c5f49b6e] .front-arm{transform:rotate(-55deg)}.run-4[data-v-c5f49b6e] .front-leg{transform:rotate(-5deg)}.run-4[data-v-c5f49b6e] .back-leg{transform:rotate(-2.5deg)}.run-4[data-v-c5f49b6e] .front-arm{transform:rotate(-5deg)}.run-1[data-v-c5f49b6e] .spider-leg-1{transform:translate(10px,-20px) rotate(35deg)}.run-2[data-v-c5f49b6e] .spider-leg-1{transform:translate(10px,-20px) rotate(2.5deg)}.run-3[data-v-c5f49b6e] .spider-leg-1{transform:translate(10px,-20px) rotate(-30deg)}.run-4[data-v-c5f49b6e] .spider-leg-1{transform:translate(10px,-20px) rotate(2.5deg)}.run-1[data-v-c5f49b6e] .spider-leg-2{transform:translate(40px,30px) rotate(-40deg)}.run-2[data-v-c5f49b6e] .spider-leg-2{transform:translate(40px,30px) rotate(-7.5deg)}.run-3[data-v-c5f49b6e] .spider-leg-2{transform:translate(40px,30px) rotate(25deg)}.run-4[data-v-c5f49b6e] .spider-leg-2{transform:translate(40px,30px) rotate(-7.5deg)}.run-1[data-v-c5f49b6e] .spider-leg-3{transform:translate(80px,80px) rotate(45deg)}.run-2[data-v-c5f49b6e] .spider-leg-3{transform:translate(80px,80px) rotate(5deg)}.run-3[data-v-c5f49b6e] .spider-leg-3{transform:translate(80px,80px) rotate(-35deg)}.run-4[data-v-c5f49b6e] .spider-leg-3{transform:translate(80px,80px) rotate(5deg)}.run-1[data-v-c5f49b6e] .spider-leg-4{transform:translate(140px,110px) rotate(-35deg)}.run-2[data-v-c5f49b6e] .spider-leg-4{transform:translate(140px,110px) rotate(7.5deg)}.run-3[data-v-c5f49b6e] .spider-leg-4{transform:translate(140px,110px) rotate(50deg)}.run-4[data-v-c5f49b6e] .spider-leg-4{transform:translate(140px,110px) rotate(7.5deg)}.parallax-container[data-v-41daa6cb]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.parallax-layer[data-v-41daa6cb]{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.sky-layer[data-v-41daa6cb]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#d6c6e8,#ccafe6,#ebb8c5)}.cityscape[data-v-41daa6cb]{position:absolute;bottom:50px;height:350px;background-repeat:no-repeat;background-position:bottom left}.cityscape-1[data-v-41daa6cb]{width:400px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200" viewBox="0 0 400 200"><path fill="%23eaddf7" opacity="0.8" d="M0,200 L0,150 Q40,110 80,140 Q130,90 180,130 Q240,60 300,120 Q360,90 400,140 L400,200 Z" /></svg>');background-size:400px auto;opacity:.8}.cityscape-2[data-v-41daa6cb]{width:600px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="250" viewBox="0 0 600 250"><path fill="%23d4bbee" d="M0,250 L0,180 Q50,140 100,190 Q180,100 250,160 Q320,120 400,180 Q480,80 550,140 Q580,120 600,160 L600,250 Z" /><path stroke="%23fdfbf7" stroke-width="2" fill="none" opacity="0.6" d="M 50,250 L 50,120 M 10,180 Q 50,160 90,180 M 20,150 Q 50,130 80,150 M 35,130 Q 50,115 65,130" /><path stroke="%23fdfbf7" stroke-width="2" fill="none" opacity="0.6" d="M 350,250 L 350,100 M 290,180 Q 350,150 410,180 M 310,140 Q 350,110 390,140 M 330,110 Q 350,90 370,110" /></svg>');background-size:600px auto}.cityscape-3[data-v-41daa6cb]{width:800px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="150" viewBox="0 0 800 150"><path fill="%23c6affc" d="M0,150 L0,80 L20,60 L40,80 L40,150 Z" /><path fill="%23c6affc" d="M60,150 L60,80 L80,60 L100,80 L100,150 Z" /><path fill="%23c6affc" d="M120,150 L120,80 L140,60 L160,80 L160,150 Z" /><rect x="0" y="100" width="800" height="15" fill="%23b09de6" /><rect x="0" y="130" width="800" height="15" fill="%23b09de6" /><path fill="%23ffb6c1" d="M 140,107 C 120,95 120,119 140,107 C 160,95 160,119 140,107 Z" /><circle cx="140" cy="107" r="4" fill="%23ff93a8" /><path fill="%23c6affc" d="M300,150 L300,80 L320,60 L340,80 L340,150 Z" /><path fill="%23c6affc" d="M360,150 L360,80 L380,60 L400,80 L400,150 Z" /><path fill="%23c6affc" d="M420,150 L420,80 L440,60 L460,80 L460,150 Z" /><path fill="%23ffb6c1" d="M 380,107 C 360,95 360,119 380,107 C 400,95 400,119 380,107 Z" /><circle cx="380" cy="107" r="4" fill="%23ff93a8" /><path fill="%23c6affc" d="M600,150 L600,80 L620,60 L640,80 L640,150 Z" /><path fill="%23c6affc" d="M660,150 L660,80 L680,60 L700,80 L700,150 Z" /><path fill="%23c6affc" d="M720,150 L720,80 L740,60 L760,80 L760,150 Z" /><path fill="%23ffb6c1" d="M 680,107 C 660,95 660,119 680,107 C 700,95 700,119 680,107 Z" /><circle cx="680" cy="107" r="4" fill="%23ff93a8" /></svg>');background-size:800px auto;opacity:.9}.obstacle-wrapper[data-v-ea4f15ef]{position:absolute;z-index:5;will-change:left;display:flex;align-items:flex-end;filter:drop-shadow(0 0 8px rgba(255,182,193,.4))}.pit-overlay[data-v-ea4f15ef]{position:absolute;bottom:-50px;height:54px;background:#f5eefc;box-shadow:inset 0 10px 20px #0000001a}.pit-edge[data-v-ea4f15ef]{position:absolute;top:0;width:4px;height:100%;background-color:#c6affc;box-shadow:0 0 10px #c6affccc}.left-edge[data-v-ea4f15ef]{left:0}.right-edge[data-v-ea4f15ef]{right:0}#game-container[data-v-274e209f]{position:relative;width:100vw;height:100vh;background-color:#d6c6e8;overflow:hidden}#ground[data-v-274e209f]{position:absolute;bottom:0;width:100%;height:50px;background-color:#eaddf7;background-image:repeating-linear-gradient(-45deg,transparent,transparent 20px,#d4bbee 20px,#d4bbee 40px);border-top:6px solid #c6affc;box-shadow:0 -4px 15px #c6affc80;z-index:2}.web-layer[data-v-274e209f]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}#player-hitbox[data-v-274e209f]{position:absolute;z-index:10}.spider-scale-wrapper[data-v-274e209f]{position:absolute;transform:scale(.4);transform-origin:bottom center;width:100%;height:100%;bottom:0;left:0}#score-board[data-v-274e209f]{position:absolute;top:30px;left:30px;z-index:20}.score-glass[data-v-274e209f]{background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,182,193,.5);border-radius:12px;padding:10px 20px;color:#453356;font-size:14px;font-weight:800;letter-spacing:2px;text-align:center;box-shadow:0 4px 15px #ffb6c133}#score[data-v-274e209f]{display:block;font-size:32px;font-weight:800;color:#ffb6c1;text-shadow:0 0 10px rgba(255,182,193,.8),2px 2px 0px rgba(69,51,86,.5);margin-top:5px}#overlay[data-v-274e209f]{position:absolute;inset:0;background-color:#ffffffe6;background-image:linear-gradient(90deg,rgba(214,187,246,.4) 50%,transparent 50%),linear-gradient(0deg,rgba(214,187,246,.4) 50%,transparent 50%);background-size:30px 30px;background-position:0 0,0 0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#453356;z-index:30}h1[data-v-274e209f]{position:relative;font-size:72px;margin:0 0 25px;letter-spacing:6px;font-weight:900;transform:rotate(-3deg);background:linear-gradient(to bottom,#d6bbf6,#ffb6c1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px #ffffff;filter:drop-shadow(4px 4px 0px #7a6699) drop-shadow(0 8px 15px rgba(145,70,255,.4))}h1[data-v-274e209f]:before{content:"awoo~";position:absolute;top:-30px;left:-25px;display:inline-block;font-size:26px;background:#fff;color:#c6affc;-webkit-text-fill-color:#c6affc;-webkit-text-stroke:0;padding:6px 18px;border-radius:25px;border:4px dashed #ffb6c1;box-shadow:4px 4px #d6bbf6;font-weight:900;letter-spacing:3px;transform:rotate(-15deg);z-index:10}#sub-text[data-v-274e209f]{font-size:28px;color:#ffb6c1;background:#fff;padding:10px 30px;border-radius:30px;border:4px dashed #c6affc;box-shadow:0 5px 15px #c6affc66;margin:0 0 35px;font-weight:900;letter-spacing:2px;text-transform:uppercase;animation:pulse-score-274e209f 2s infinite ease-in-out}@keyframes pulse-score-274e209f{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}p[data-v-274e209f]{margin:0 0 30px;font-size:18px;color:#7a6699;letter-spacing:1px;font-weight:700}button[data-v-274e209f]{background:linear-gradient(135deg,#ffb6c1,#eaddf7);color:#453356;border:2px solid #fff;padding:15px 40px;font-size:20px;font-weight:800;border-radius:30px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #ffb6c166;text-transform:uppercase;letter-spacing:2px}button[data-v-274e209f]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 25px #ffb6c199}button[data-v-274e209f]:active{transform:translateY(2px) scale(.95);box-shadow:0 5px 10px #ffb6c14d}#mute-btn[data-v-274e209f]{margin-top:20px;padding:10px 20px;font-size:16px;background:#fff9;border:2px solid #fff;color:#453356;text-transform:none;letter-spacing:normal;box-shadow:0 4px 10px #0000001a}#mute-btn[data-v-274e209f]:hover{transform:translateY(-2px) scale(1.05);background:#ffffffe6}.how-to-play[data-v-274e209f]{background:#fff9;border:2px dashed #c6affc;border-radius:15px;padding:15px 30px;margin-bottom:25px;text-align:center;color:#5a3a6b;box-shadow:0 4px 15px #c6affc4d}.how-to-play h3[data-v-274e209f]{margin:0 0 10px;font-size:22px;color:#ff93a8;text-transform:uppercase;letter-spacing:2px}.how-to-play ul[data-v-274e209f]{list-style:none;padding:0;margin:0 0 10px;font-size:16px;text-align:left}.how-to-play li[data-v-274e209f]{margin-bottom:5px}.how-to-play .scoring-info[data-v-274e209f]{margin:0;font-size:14px;color:#7a6699;font-weight:400}.gomi-shoutout[data-v-274e209f]{position:absolute;bottom:20px;font-size:16px;color:#7a6699;font-weight:700;background:#ffffffd9;padding:10px 20px;border-radius:30px;border:2px dashed #b18ced;box-shadow:0 4px 15px #9146ff26;display:flex;align-items:center;gap:6px}.gomi-shoutout a.twitch-link[data-v-274e209f]{color:#fff;background:#9146ff;border:2px solid #ffffff;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 10px #9146ff66}.gomi-shoutout a.twitch-link[data-v-274e209f]:hover{transform:translateY(-3px) scale(1.08) rotate(-3deg);box-shadow:0 8px 20px #ffb6c1cc;border-color:#ffb6c1}.twitch-icon[data-v-274e209f]{fill:#fff}[data-v-274e209f] .spider-visual-container{position:absolute;width:200px;height:250px;left:-75px;bottom:-35px;pointer-events:none}