@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";html{height:100%;width:100%;overflow:hidden;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}body{background:linear-gradient(135deg,#3b3b62,#70964b);font-family:Luckiest Guy,Arial,sans-serif;height:100vh;width:100vw;color:#fff;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:static;top:auto;left:auto}.intro-sequence{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#3b3b62,#70964b);display:flex;align-items:center;justify-content:center;z-index:2000}.intro-container{position:relative;width:min(100vw,100vh * .56);height:min(100vh,100vw * 1.78);max-width:390px;max-height:694px;border:4px solid #ffffff;box-shadow:0 0 40px #ffffff80;overflow:hidden;border-radius:10px}.intro-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column}.intro-slide.active{display:flex}.intro-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.intro-play-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:transparent;border:none;border-radius:0;padding:0;cursor:pointer;transition:all .3s ease;box-shadow:none}.intro-play-btn:hover{transform:translate(-50%) scale(1.1);box-shadow:none}.intro-play-btn:active{transform:translate(-50%) scale(.95)}.intro-play-btn img{width:60px;height:60px;display:block;filter:brightness(1.2) drop-shadow(0 2px 8px rgba(0,0,0,.5))}@media (max-width: 768px){.intro-container{width:min(100vw - 10px,100vh * .56);height:min(100vh - 10px,100vw * 1.78);border:3px solid #ffffff}.intro-play-btn{bottom:95pxs}.intro-play-btn img{width:50px;height:50px}}@media (max-width: 480px){.intro-container{width:100vw;height:100vh;border:2px solid #ffffff;max-width:none;max-height:none;border-radius:0}.intro-image{border-radius:0;height:90%}.intro-play-btn-gameover{bottom:35px}.intro-play-btn{bottom:100px}.intro-play-btn img{width:45px;height:45px}}.game-container{text-align:center;width:100vw;height:100vh;position:relative;display:none;flex-direction:column;align-items:center;justify-content:center;gap:0}.game-container.active{display:flex}.game-canvas-container{position:relative;width:min(100vw,100vh * .56);height:min(100vh,100vw * 1.78);max-width:390px;max-height:694px;border:4px solid #ffffff;box-shadow:0 0 40px #ffffff80;overflow:hidden}.game-field{width:100%;height:100%;position:relative;background:url(/assets/fondocancha-j1l_dEzN.png) center center/cover no-repeat}.field-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18%;height:10%;border:3px solid rgba(255,255,255,.9);border-radius:50%;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.marciano-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.marciano{width:170px;height:85px;display:block;filter:drop-shadow(0 0 20px rgba(0,255,0,.6)) drop-shadow(0 0 40px rgba(0,255,0,.3)) drop-shadow(3px 3px 15px rgba(0,0,0,.8));animation:alienGlow 3s ease-in-out infinite alternate}@keyframes alienGlow{0%{filter:drop-shadow(0 0 20px rgba(0,255,0,.6)) drop-shadow(0 0 40px rgba(0,255,0,.3)) drop-shadow(3px 3px 15px rgba(0,0,0,.8))}to{filter:drop-shadow(0 0 30px rgba(0,255,0,.8)) drop-shadow(0 0 60px rgba(0,255,0,.5)) drop-shadow(3px 3px 15px rgba(0,0,0,.8))}}.player{position:absolute;width:40px;height:60px;z-index:3;transform-origin:center center;transition:transform .1s ease;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.player-image{width:76%;height:76%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));animation:playerRunning 1.2s infinite;background:url(/assets/player1-D3YJGaJl.png) 0 0/100% 100% no-repeat;will-change:background-image,transform;backface-visibility:hidden;transition:transform .15s cubic-bezier(.4,0,.2,1);position:relative}.player-image.direction-change{animation:playerRunningFast .8s infinite}.player-image.facing-left{transform:scaleX(-1) rotateY(10deg)!important}.player-image.turning-left{transform:rotate(-8deg) rotateY(-5deg)}.player-image.turning-right{transform:rotate(8deg) rotateY(5deg)}@keyframes playerRunning{0%,12%{background-image:url(/assets/player1-D3YJGaJl.png)}13%,25%{background-image:url(/assets/player2-BJIiAoWg.png)}26%,38%{background-image:url(/assets/player3-Brs36Eek.png)}39%,51%{background-image:url(/assets/player4-CCZ4FA-N.png)}52%,64%{background-image:url(/assets/player5-0nn70TN5.png)}65%,77%{background-image:url(/assets/player6-DA-h4uOa.png)}78%,89%{background-image:url(/assets/player1-D3YJGaJl.png)}90%,to{background-image:url(/assets/player2-BJIiAoWg.png)}}@keyframes playerRunningFast{0%,8%{background-image:url(/assets/player1-D3YJGaJl.png)}9%,17%{background-image:url(/assets/player2-BJIiAoWg.png)}18%,26%{background-image:url(/assets/player3-Brs36Eek.png)}27%,35%{background-image:url(/assets/player4-CCZ4FA-N.png)}36%,44%{background-image:url(/assets/player5-0nn70TN5.png)}45%,53%{background-image:url(/assets/player6-DA-h4uOa.png)}54%,62%{background-image:url(/assets/player1-D3YJGaJl.png)}63%,71%{background-image:url(/assets/player2-BJIiAoWg.png)}72%,80%{background-image:url(/assets/player3-Brs36Eek.png)}81%,89%{background-image:url(/assets/player4-CCZ4FA-N.png)}90%,to{background-image:url(/assets/player5-0nn70TN5.png)}}.player:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(ellipse 20px 10px,rgba(255,255,255,.1) 0%,transparent 70%);top:50px;left:50%;transform:translate(-50%);border-radius:50%;opacity:.6;z-index:-1;animation:shadowPulse 1.2s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scale(.8);opacity:.4}50%{transform:translate(-50%) scale(1.1);opacity:.7}}.dust-particles{position:absolute;pointer-events:none;z-index:2;width:4px;height:4px;background:#8b451399;border-radius:50%;animation:dustFly .8s ease-out forwards}@keyframes dustFly{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(var(--dust-x),var(--dust-y)) scale(0);opacity:0}}.speed-lines{position:absolute;pointer-events:none;z-index:1;width:20px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:speedLineFly .3s ease-out forwards}@keyframes speedLineFly{0%{transform:translate(0) scaleX(0);opacity:1}to{transform:translate(-40px) scaleX(1);opacity:0}}.footballs-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.football{position:absolute;width:25px;height:45px;background:url(/assets/Bomba-BgG7S4dH.png) center center/contain no-repeat;z-index:4;pointer-events:none;top:0;left:0;animation:bombSpin .6s linear infinite,bombPulse 1.5s ease-in-out infinite alternate;filter:drop-shadow(0 0 15px rgba(255,0,0,.6)) drop-shadow(0 0 25px rgba(255,165,0,.4)) drop-shadow(3px 3px 8px rgba(0,0,0,.7))}.football.danger{animation:bombSpin .3s linear infinite,bombDanger .3s ease-in-out infinite alternate,bombPulse .8s ease-in-out infinite alternate;filter:drop-shadow(0 0 25px rgba(255,0,0,1)) drop-shadow(0 0 40px rgba(255,165,0,.8)) drop-shadow(0 0 60px rgba(255,255,0,.6)) drop-shadow(5px 5px 15px rgba(0,0,0,.9));transform-origin:center center}@keyframes bombSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bombPulse{0%{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,0,0,.6)) drop-shadow(0 0 25px rgba(255,165,0,.4)) drop-shadow(3px 3px 8px rgba(0,0,0,.7))}to{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,0,0,.8)) drop-shadow(0 0 35px rgba(255,165,0,.6)) drop-shadow(3px 3px 8px rgba(0,0,0,.7))}}@keyframes bombDanger{0%{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(255,0,0,1)) drop-shadow(0 0 40px rgba(255,165,0,.8)) drop-shadow(0 0 60px rgba(255,255,0,.6)) drop-shadow(5px 5px 15px rgba(0,0,0,.9))}to{transform:scale(1.3);filter:drop-shadow(0 0 35px rgba(255,0,0,1)) drop-shadow(0 0 50px rgba(255,165,0,1)) drop-shadow(0 0 80px rgba(255,255,0,.8)) drop-shadow(5px 5px 15px rgba(0,0,0,.9))}}.game-ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:15;display:flex;flex-direction:column;justify-content:space-between;padding:15px}.game-header{display:flex;flex-direction:column;align-items:center;gap:15px}h1{color:#ff0;text-shadow:0 0 15px #ffff00,0 0 30px #ffff00,2px 2px 4px rgba(0,0,0,.8);font-size:clamp(1.5rem,4vw,3rem);font-weight:400;font-family:Luckiest Guy,sans-serif;background:#000000b3;padding:15px 25px;border-radius:15px;border:3px solid #ffff00;margin:0}.ui{display:flex;justify-content:center;font-size:clamp(1rem,3vw,1.8rem);font-weight:400;font-family:Luckiest Guy,sans-serif;gap:10px;width:100%;max-width:600px}.time-container{background:#34495ef2;padding:12px 20px;border-radius:25px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px #0000004d;justify-content:center;min-width:280px}.time-section{display:flex;align-items:center;gap:8px}.time-icon{width:clamp(20px,3.5vw,28px);height:clamp(20px,3.5vw,28px);background:url(/assets/reloj-Bwx3XizW.png) center center/contain no-repeat;display:inline-block;filter:brightness(1.2) drop-shadow(0 0 5px rgba(255,255,255,.3))}.time-display{color:#fff;font-weight:400;font-size:clamp(1rem,2.5vw,1.6rem);text-shadow:0 1px 3px rgba(0,0,0,.5);font-family:Luckiest Guy,sans-serif;min-width:50px;text-align:center}.pause-button{background:url(/assets/pause-C5iWqODc.png) center center/contain no-repeat;border:none;width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);cursor:pointer;padding:0;border-radius:4px;transition:all .3s;color:transparent;display:flex;align-items:center;justify-content:center;margin:0;min-width:auto;box-shadow:none;pointer-events:all;z-index:25;position:relative;filter:brightness(1.1)}.pause-button:hover{background:#ffffff1a;transform:scale(1.1)}.pause-button:active{transform:scale(.95)}.star-counter{display:flex;align-items:center;gap:8px;color:#fff;font-weight:400;font-family:Luckiest Guy,sans-serif}.star-icon{width:clamp(20px,3.5vw,28px);height:clamp(20px,3.5vw,28px);background:url(/assets/star-DnWj1HT7.png) center center/contain no-repeat;display:inline-block;color:transparent;text-shadow:none;animation:starPulse 2s ease-in-out infinite;filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6))}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.star-count{font-size:clamp(1rem,2.5vw,1.6rem);min-width:20px;text-align:center;font-family:Luckiest Guy,sans-serif}.collectible-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.collectible-star{position:absolute;width:30px;height:30px;background:url(/assets/star-DnWj1HT7.png) center center/contain no-repeat;z-index:20;pointer-events:none;animation:starTwinkle 1.5s ease-in-out infinite alternate;transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.collectible-star:hover{transform:scale(1.2)}@keyframes starTwinkle{0%{opacity:.8;transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}to{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,215,0,1)) drop-shadow(0 0 30px rgba(255,215,0,.5))}}.game-footer{display:flex;flex-direction:column;align-items:center;gap:15px}.mobile-controls{display:flex;justify-content:center;gap:20px;pointer-events:all}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:20;pointer-events:none;cursor:default}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/assets/gameover1-RwFCbo7r.jpg) center center/cover no-repeat;width:min(100vw,100vh * .56);height:min(100vh,100vw * 1.78);max-width:390px;max-height:694px;border-radius:10px;border:4px solid #ffffffe1;display:none;z-index:1000;box-shadow:0 0 40px #ffffff80;text-align:center}.game-over h2,.game-over p{display:none}#finalStars{position:absolute;top:76%;left:73%;transform:translate(-50%);font-size:clamp(1.5rem,4vw,2.5rem);font-family:Luckiest Guy,sans-serif;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#finalTime{position:absolute;bottom:50px;left:236px;font-size:clamp(1.2rem,3vw,2rem);font-family:Luckiest Guy,sans-serif;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.game-over button{position:absolute;bottom:42px;left:43%;background:none;border:none;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease}.game-over button img{width:62px;height:87px;display:block;transition:transform .2s ease}.game-over button:active img{transform:scale(.95)}.game-over button.show{opacity:1;visibility:visible;animation:fadeInButton .5s ease-in-out}@keyframes fadeInButton{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (min-width: 1400px){.game-canvas-container{width:390px;height:694px;border:6px solid #ffffff}}@media (max-width: 1024px){.game-canvas-container{width:min(100vw - 20px,100vh * .56);height:min(100vh - 20px,100vw * 1.78);border:3px solid #ffffff}}@media (max-width: 900px) and (min-width: 769px){#finalStars{top:75%;left:75%;font-size:clamp(3rem,3.8vw,2.3rem)}#finalTime{bottom:44px;left:220px;font-size:clamp(1.2rem,3vw,1.9rem)}.game-over button img{width:62px;height:87px}}@media (max-width: 768px){.game-canvas-container{width:min(100vw - 10px,100vh * .56);height:min(100vh - 10px,100vw * 1.78);border:3px solid #ffffff}.game-ui-overlay{padding:10px}.mobile-controls{display:flex}.center-circle{width:20%;height:11%}.player-orbit{width:95%;height:95%;aspect-ratio:1/1}#finalStars{top:75%;left:75%;font-size:clamp(2.5rem,3.5vw,2.2rem)}#finalTime{bottom:42px;left:223px;font-size:clamp(2.5rem,2.8vw,1.8rem)}.game-over button img{width:52px;height:77px}}@media (max-width: 480px){.game-canvas-container{width:100vw;height:100vh;border:2px solid #ffffff;max-width:none;max-height:none}.game-ui-overlay{padding:5px}.time-container{gap:8px;min-width:240px}.pause-button{width:20px;height:20px}.star-icon,.time-icon{width:18px;height:18px}.center-circle{width:22%;height:12%}.player-orbit{width:95%;height:95%;aspect-ratio:1/1}#finalStars{top:75%;left:75%;font-size:clamp(2.5rem,4vw,1.8rem);transform:translate(-50%)}#finalTime{bottom:49spx;left:74%;transform:translate(-50%);font-size:clamp(2.5rem,3.5vw,1.5rem);text-align:center}.game-over button img{width:52px;height:87px}}@media (max-width: 320px){.game-canvas-container{width:100vw;height:100vh;border:1px solid #ffffff}.time-container{gap:5px;min-width:200px;padding:8px 15px}.pause-button{width:18px;height:18px}.star-icon,.time-icon{width:16px;height:16px}.center-circle{width:24%;height:13%}.pause-button,.star-count,.time-display{font-size:.8rem}#finalStars{top:78%;left:50%;font-size:1.6rem;transform:translate(-50%)}#finalTime{bottom:48px;left:50%;transform:translate(-50%);font-size:1.3rem;text-align:center}.game-over button img{width:62px;height:87px}}@keyframes shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-5px,2px) rotate(-1deg)}20%{transform:translate(-3px,1px) rotate(1deg)}30%{transform:translate(3px,-2px) rotate(0)}40%{transform:translate(5px,2px) rotate(1deg)}50%{transform:translate(-5px,-2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-5px,-1px) rotate(1deg)}90%{transform:translate(5px,2px) rotate(0)}to{transform:translate(0) rotate(0)}}.shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;z-index:100}.effects-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:200}.particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffc400;animation:particle-fly .8s ease-out forwards;will-change:transform,opacity}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.shockwave{position:absolute;border-radius:50%;background:transparent;border:4px solid rgba(255,255,150,.7);animation:shockwave-expand .6s ease-out forwards;will-change:transform,opacity,border}@keyframes shockwave-expand{0%{transform:scale(0);opacity:1;border-width:8px}80%{opacity:.5}to{transform:scale(2.5);opacity:0;border-width:1px}}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;opacity:0;animation:flash-bang .4s ease-out forwards;will-change:opacity}@keyframes flash-bang{0%{opacity:0}25%{opacity:.8}to{opacity:0}}button:active{transform:scale(.98)}.particle,.dust-particles,.speed-lines{position:absolute;pointer-events:none;border-radius:50%;animation:particleMove 1s ease-out forwards}.dust-particles{background:#8b451399;width:3px;height:3px;animation:dustParticle var(--particle-lifetime, .8s) ease-out forwards}.speed-lines{background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);width:20px;height:2px;border-radius:1px;animation:speedLine .3s linear forwards}@keyframes particleMove{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx, 0),var(--ty, 0)) scale(.1)}}@keyframes dustParticle{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(var(--dust-x, 0),var(--dust-y, 0))}}@keyframes speedLine{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5,.5)}}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);pointer-events:none;animation:flashEffect .4s ease-out forwards}.shockwave{position:absolute;border:3px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;animation:shockwaveExpand .6s ease-out forwards}@keyframes flashEffect{0%{opacity:1}to{opacity:0}}@keyframes shockwaveExpand{0%{transform:scale(1);opacity:1;border-color:#fffc}to{transform:scale(20);opacity:0;border-color:#fff0}}.game-field.shake{animation:fieldShake .6s ease-in-out}@keyframes fieldShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}90%{transform:translate(-2px,-1px)}}