:root{--game-max-width: 1400px;--game-height: 480px;--primary-gold: #ffd700;--primary-cyan: #4ecdc4;--primary-purple: #9c88ff;--bg-dark: #0a0e17;--bg-medium: #131a2b;--bg-light: #1a2440;--text-primary: #ffffff;--text-secondary: #9fb4d8}*{box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);color:var(--text-primary);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(78,205,196,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,136,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}#game-wrapper{position:relative;width:95%;max-width:var(--game-max-width);padding:20px}#game-container{width:100%}#game{width:100%;height:var(--game-height);background:linear-gradient(180deg,#0b1026,#1a1a2e,#2a2a4e 80%,#4a3b5e);position:relative;overflow:hidden;border-radius:16px 16px 0 0;box-shadow:0 8px 30px #00000080;border:2px solid rgba(255,255,255,.1);border-bottom:none}#game:before{content:"";position:absolute;inset:0;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;animation:stars-twinkle 200s linear infinite;opacity:.8}#game:after{content:"🌕";position:absolute;top:30px;right:50px;font-size:50px;filter:drop-shadow(0 0 20px rgba(255,255,200,.6));animation:moon-glow 4s ease-in-out infinite alternate;opacity:.9}@keyframes stars-twinkle{0%{background-position:0 0,40px 60px,130px 270px}to{background-position:550px 550px,390px 410px,680px 820px}}@keyframes moon-glow{0%{filter:drop-shadow(0 0 15px rgba(255,255,200,.4));transform:scale(1)}to{filter:drop-shadow(0 0 30px rgba(255,255,200,.8));transform:scale(1.05)}}#arena{width:100%;height:20px;background:linear-gradient(to right,#234,#456);position:absolute;bottom:0;left:0;border-top:2px solid rgba(255,255,255,.1)}#stats-bar{display:flex;justify-content:space-between;align-items:stretch;background:linear-gradient(180deg,var(--bg-light) 0%,var(--bg-medium) 100%);border-radius:0 0 16px 16px;border:2px solid rgba(255,255,255,.1);border-top:none;padding:0;overflow:hidden}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;border-right:1px solid rgba(255,255,255,.08);transition:background .2s ease}.stat-item:last-child{border-right:none}.stat-item:hover{background:#ffffff08}.stat-item .stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:4px}.stat-item .stat-value{font-size:16px;font-weight:700;color:var(--text-primary)}.level-stat{background:linear-gradient(180deg,rgba(255,215,0,.15) 0%,transparent 100%)}.level-stat .stat-value{color:var(--primary-gold);font-size:24px}.progress-stat{min-width:180px}.progress-bar-container{width:100%;height:20px;background:#0000004d;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-purple));border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px var(--primary-cyan)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.creature-stat .stat-value{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.distance-stat .stat-value{color:var(--primary-cyan)}.currency-stat .stat-value{color:var(--primary-purple);font-size:20px}.menu-toggle-btn{position:absolute;top:15px;right:15px;width:48px;height:48px;border-radius:12px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;z-index:100;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle-btn:hover{background:#fff3;border-color:var(--primary-gold);transform:scale(1.05)}.menu-panel{position:absolute;top:70px;right:15px;width:220px;background:var(--bg-medium);border-radius:16px;border:2px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #00000080;z-index:99;overflow:hidden;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-panel.hidden{display:none}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;color:var(--text-secondary)}.close-menu-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.close-menu-btn:hover{background:#ffffff1a;color:#fff}.menu-options{padding:8px}.menu-option-btn{width:100%;padding:12px 16px;margin:4px 0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease}.menu-option-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}.menu-option-btn.danger{color:#ff6b6b}.menu-option-btn.danger:hover{background:#ff6b6b1a;border-color:#ff6b6b4d}.portal{position:absolute;bottom:20px;width:80px;height:120px;display:flex;align-items:center;justify-content:center;z-index:15;right:-100px}.portal.hidden{display:none}.portal-ring{position:absolute;width:80px;height:120px;border:4px solid var(--primary-cyan);border-radius:50%;animation:portal-spin 2s linear infinite;box-shadow:0 0 20px var(--primary-cyan),0 0 40px #4ecdc480,inset 0 0 20px #4ecdc44d}.portal-core{font-size:50px;animation:portal-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--primary-cyan))}@keyframes portal-spin{0%{transform:rotate(0);border-color:var(--primary-cyan)}50%{border-color:var(--primary-gold)}to{transform:rotate(360deg);border-color:var(--primary-cyan)}}@keyframes portal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.portal.ready .portal-ring{border-color:var(--primary-gold);box-shadow:0 0 30px var(--primary-gold),0 0 60px #ffd70080}.creature{width:64px;height:64px;position:absolute;bottom:22px;left:60px;transition:bottom .35s cubic-bezier(.2,.8,.2,1),transform .1s ease;display:flex;align-items:center;justify-content:center;font-size:48px;z-index:10;animation:breathe 3s ease-in-out infinite;transform-origin:center bottom;transform:scaleX(-1);text-shadow:2px 2px 4px rgba(0,0,0,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.creature.has-skateboard{padding-bottom:24px}.skateboard-accessory{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:6px;pointer-events:none;animation:board-bob 1.5s ease-in-out infinite;z-index:1;text-shadow:0 0 10px rgba(255,0,128,.5)}.skateboard-accessory.preview{transform:translate(-50%) scale(.85);bottom:-2px}.skateboard-board{font-size:28px;filter:drop-shadow(0 0 12px rgba(0,255,204,.6))}.skateboard-rocket span{display:block;font-size:18px;animation:rocket-flame .35s ease-in-out infinite alternate}.skateboard-rocket.left{transform:rotate(-10deg)}.skateboard-rocket.right{transform:rotate(10deg)}@keyframes rocket-flame{0%{transform:translateY(0) scale(.95);opacity:.8}to{transform:translateY(-6px) scale(1.1);opacity:1}}@keyframes board-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-2px)}}@keyframes breathe{0%,to{transform:scaleX(-1) scaleY(1)}50%{transform:scaleX(-1) scaleY(1.02)}}.creature.is-ogre:before,.creature.is-ogre:after{content:"💪";position:absolute;top:20px;font-size:24px}.creature.is-ogre:before{left:-15px;transform:scaleX(-1)}.creature.is-ogre:after{right:-15px}.creature.is-lava{background:radial-gradient(circle at 30% 30%,#ff0,#ff9f43 20%,red 50%,maroon);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ff4500) drop-shadow(0 0 30px #ff0000);animation:magma-flow 3s linear infinite,lava-pulse 1s ease-in-out infinite alternate}@keyframes magma-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lava-pulse{0%{filter:drop-shadow(0 0 15px #ff4500) drop-shadow(0 0 20px #ff0000);transform:scaleX(-1) scaleY(1)}to{filter:drop-shadow(0 0 25px #ff8c00) drop-shadow(0 0 40px #ff0000);transform:scaleX(-1.15) scaleY(1.15)}}.creature.is-67-brainrot{width:70px!important;height:80px!important;transform:scaleX(-1);image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 8px 16px rgba(0,0,0,.9))}.brainrot-67-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;position:relative;width:100%;height:100%;transform:scale(.5)}.lego-digit{position:relative;display:flex;flex-direction:column;align-items:center}.digit-text{font-family:Arial Black,Impact,sans-serif;font-size:70px;font-weight:900;line-height:.9;-webkit-text-stroke:5px #000;paint-order:stroke fill;position:relative;display:block}.digit-6{transform:scaleX(-1) rotate(-5deg);z-index:2;margin-right:-8px}.digit-6 .digit-text{background:linear-gradient(180deg,#d00,#e20,#f40,#f60,#f80,#fa0,#fc0,#fe0,#df0,#af3,#6f6,#3fa 88%,#0dc);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #000)}.digit-6 .digit-eye{position:absolute;top:0;left:12px;width:20px;height:20px;background:#fff;border:3px solid #000;border-radius:50%;z-index:30;box-shadow:0 2px 4px #00000080}.digit-6 .digit-eye:before{content:"";position:absolute;width:14px;height:14px;background:radial-gradient(circle at 40% 40%,#ff0,#cd0,#890);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.digit-6 .digit-eye:after{content:"";position:absolute;width:8px;height:8px;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:brainrot-eye-look 3s ease-in-out infinite}.left-hand{position:absolute;right:calc(100% - 5px);top:50%;transform:translateY(-50%) rotate(-5deg);z-index:16;display:flex;align-items:center;flex-direction:row;transform-origin:right center;transition:transform .3s ease-out}.left-hand:before{content:"🤛";font-size:26px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));transition:transform .3s ease-out}.left-hand:after{content:"";width:35px;height:16px;background:linear-gradient(90deg,#67d,#48e,#2af,#0ce,#0dc);border:3px solid #000;border-right:none;border-radius:8px 0 0 8px;box-shadow:inset 0 4px #fff6;margin-left:-8px;margin-right:-4px;transition:width .3s ease-out}.creature.throwing-67 .left-hand{animation:left-arm-windup 5s ease-in-out forwards!important}.creature.throwing-67 .left-hand:before{animation:left-fist-grab 5s ease-in-out forwards!important}.creature.throwing-67 .left-hand:after{animation:left-arm-stretch-grab 5s ease-in-out forwards!important}@keyframes left-arm-windup{0%{transform:translateY(-50%) rotate(-5deg)}10%{transform:translateY(-50%) rotate(15deg) translate(10px)}25%{transform:translateY(-50%) rotate(35deg) translate(25px)}40%{transform:translateY(-80%) rotate(55deg) translate(35px) translateY(-30px)}60%{transform:translateY(-80%) rotate(60deg) translate(40px) translateY(-35px)}70%{transform:translateY(-60%) rotate(40deg) translate(30px) translateY(-20px)}85%{transform:translateY(-50%) rotate(15deg) translate(10px)}to{transform:translateY(-50%) rotate(-5deg)}}@keyframes left-fist-grab{0%{transform:scale(1)}10%{transform:scale(1.1) rotate(10deg)}25%{transform:scale(1.2) rotate(20deg)}40%{transform:scale(1.4) rotate(35deg)}60%{transform:scale(1.5) rotate(40deg)}70%{transform:scale(1.3) rotate(25deg)}85%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1)}}@keyframes left-arm-stretch-grab{0%{width:35px}10%{width:45px}25%{width:55px}40%{width:70px}60%{width:75px}70%{width:60px}85%{width:45px}to{width:35px}}.digit-7{transform:scaleX(-1) rotate(5deg);z-index:1}.digit-7 .digit-text{background:linear-gradient(180deg,#ff0,#ef0,#cf2,#af4,#7f6,#4f9,#2fb,#0fd,#0df,#0af,#48f,#67e 88%,#85d,#a5c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #000)}.digit-7 .digit-eye{position:absolute;top:0;right:4px;width:20px;height:20px;background:#fff;border:3px solid #000;border-radius:50%;z-index:30;box-shadow:0 2px 4px #00000080}.digit-7 .digit-eye:before{content:"";position:absolute;width:14px;height:14px;background:radial-gradient(circle at 40% 40%,#ff0,#cd0,#890);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.digit-7 .digit-eye:after{content:"";position:absolute;width:8px;height:8px;background:#000;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:brainrot-eye-look 3s ease-in-out infinite;animation-delay:.5s}.right-hand{position:absolute;left:calc(100% - 5px);top:50%;transform:translateY(-50%) rotate(5deg);z-index:15;display:flex;align-items:center;flex-direction:row;transform-origin:left center;transition:transform .3s ease-out}.right-hand:before{content:"";width:35px;height:16px;background:linear-gradient(90deg,#67d,#76c,#85b,#94a,#a49);border:3px solid #000;border-left:none;border-radius:0 8px 8px 0;box-shadow:inset 0 4px #fff6;margin-left:-4px;margin-right:-8px;transition:width .3s ease-out}.right-hand:after{content:"🤜";font-size:26px;font-weight:900;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));transition:transform .3s ease-out}.creature.throwing-67 .right-hand{animation:right-arm-pitch 5s ease-in-out forwards!important}.creature.throwing-67 .right-hand:before{animation:right-arm-stretch-throw 5s ease-in-out forwards!important}.creature.throwing-67 .right-hand:after{animation:right-fist-throw 5s ease-in-out forwards!important}@keyframes right-arm-pitch{0%{transform:translateY(-50%) rotate(5deg)}10%{transform:translateY(-50%) rotate(-15deg) translate(-10px)}20%{transform:translateY(-60%) rotate(-35deg) translate(-20px)}30%{transform:translateY(-100%) rotate(-70deg) translate(-25px)}40%{transform:translateY(-150%) rotate(-110deg) translate(-20px)}50%{transform:translateY(-180%) rotate(-130deg) translate(-15px)}60%{transform:translateY(-170%) rotate(-120deg) translate(-10px)}70%{transform:translateY(-80%) rotate(-30deg) translate(30px)}75%{transform:translateY(-30%) rotate(50deg) translate(60px)}80%{transform:translateY(-20%) rotate(80deg) translate(80px)}90%{transform:translateY(-30%) rotate(40deg) translate(40px)}to{transform:translateY(-50%) rotate(5deg)}}@keyframes right-arm-stretch-throw{0%{width:35px}10%{width:30px}20%{width:35px}30%{width:45px}40%{width:55px}50%{width:60px}60%{width:55px}70%{width:80px}75%{width:100px}80%{width:120px}90%{width:70px}to{width:35px}}@keyframes right-fist-throw{0%{transform:scale(1)}10%{transform:scale(1.05) rotate(-10deg)}20%{transform:scale(1.1) rotate(-20deg)}30%{transform:scale(1.15) rotate(-35deg)}40%{transform:scale(1.2) rotate(-50deg)}50%{transform:scale(1.3) rotate(-60deg)}60%{transform:scale(1.25) rotate(-50deg)}70%{transform:scale(1.4) rotate(-20deg)}75%{transform:scale(1.5) rotate(20deg)}80%{transform:scale(1.6) rotate(45deg)}90%{transform:scale(1.2) rotate(20deg)}to{transform:scale(1)}}.held-67-in-hand{position:absolute;right:-35px;top:-15px;font-size:28px;font-weight:900;z-index:20;animation:held-67-glow .2s linear infinite}.held-67-in-hand .projectile-67{background:linear-gradient(45deg,red,#f70,#ff0,#0f0,#07f,#70f);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:projectile-rainbow .3s linear infinite;text-shadow:none;filter:drop-shadow(0 0 10px #FF6600) drop-shadow(0 0 20px #FFAA00)}@keyframes held-67-glow{0%,to{filter:drop-shadow(0 0 15px #FF6600)}50%{filter:drop-shadow(0 0 25px #FFAA00)}}.thrown-67-projectile{font-size:52px!important;font-weight:900;text-shadow:0 0 20px #FF6600,0 0 40px #FF8800,0 0 60px #FFAA00;animation:projectile-rainbow .15s linear infinite,thrown-67-spin .3s linear infinite;z-index:100}.thrown-67-projectile .projectile-67{font-size:52px!important}@keyframes thrown-67-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(15deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-15deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.creature.throwing-67{animation:body-pitch-motion 5s ease-in-out forwards}@keyframes body-pitch-motion{0%{transform:rotate(0)}15%{transform:rotate(-8deg) translate(-8px)}25%{transform:rotate(-12deg) translate(-12px)}40%{transform:rotate(-15deg) translate(-15px) translateY(-5px)}50%{transform:rotate(-12deg) translate(-10px) translateY(-3px)}60%{transform:rotate(-8deg) translate(-5px)}70%{transform:rotate(10deg) translate(10px)}75%{transform:rotate(18deg) translate(20px)}80%{transform:rotate(25deg) translate(25px)}90%{transform:rotate(10deg) translate(10px)}to{transform:rotate(0)}}.finger{display:none}.digit-legs{display:flex;gap:4px;margin-top:-5px}.digit-6 .digit-leg{width:11px;height:24px;background:linear-gradient(180deg,#0dc,#0be,#29f,#57e,#76d);border:3px solid #000;border-radius:3px;animation:pixel-walk .2s ease-in-out infinite alternate;box-shadow:inset 3px 0 #ffffff59}.digit-7 .digit-leg{width:11px;height:24px;background:linear-gradient(180deg,#58f,#67e,#76d,#95c,#b5a);border:3px solid #000;border-radius:3px;animation:pixel-walk .2s ease-in-out infinite alternate;box-shadow:inset 3px 0 #ffffff59}.digit-leg.r{animation-delay:.1s}.digit-shoe{width:15px;height:10px;background:linear-gradient(180deg,#d00,#f22 40%,#fff 75%,#eee);border:3px solid #000;border-radius:3px 3px 6px 6px;margin-top:-2px;margin-left:-2px;box-shadow:0 3px 4px #0006}.brainrot-wing{position:absolute;font-size:26px;top:-10px;animation:wing-flap .1s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,255,255,1)) drop-shadow(0 0 20px rgba(255,240,180,.9));z-index:30}.brainrot-wing.left{left:-22px;transform:scaleX(-1)}.brainrot-wing.right{right:-22px}@keyframes pixel-walk{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-2px) rotate(3deg)}}@keyframes brainrot-eye-look{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(-65%,-45%)}40%{transform:translate(-50%,-60%)}60%{transform:translate(-35%,-50%)}80%{transform:translate(-55%,-40%)}}@keyframes wing-flap{0%{transform:translateY(0) scaleX(-1) rotate(-2deg)}to{transform:translateY(-4px) scaleX(-1) rotate(-10deg)}}.brainrot-wing.right{animation-name:wing-flap-right}@keyframes wing-flap-right{0%{transform:translateY(0) rotate(2deg)}to{transform:translateY(-4px) rotate(10deg)}}.brainrot-projectile{position:absolute;z-index:100;pointer-events:none;animation:projectile-fly .1s ease-out forwards}.brainrot-projectile .projectile-67{font-size:48px;font-weight:900;font-family:Arial Black,sans-serif;background:linear-gradient(90deg,red,#ff8000,#ff0,#0f0,#0ff,#0080ff,#8000ff,#ff0080,red);background-size:600% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:projectile-rainbow .3s linear infinite,projectile-spin .2s ease-in-out infinite alternate;text-shadow:none;filter:drop-shadow(0 0 15px #ff0080) drop-shadow(0 0 25px #00ffff) drop-shadow(0 0 35px #ffff00);position:relative}.brainrot-projectile .projectile-67:before{content:"🤚";position:absolute;left:-20px;top:10px;font-size:20px;animation:arm-flap .1s ease-in-out infinite alternate}.brainrot-projectile .projectile-67:after{content:"✋";position:absolute;right:-20px;top:10px;font-size:20px;animation:arm-flap .1s ease-in-out infinite alternate;animation-delay:.05s}@keyframes projectile-rainbow{0%{background-position:0% 50%}to{background-position:600% 50%}}@keyframes projectile-spin{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.2) rotate(5deg)}}@keyframes projectile-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes arm-flap{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes projectile-fade-out{0%{opacity:1;transform:scale(1) translateY(0) rotate(0)}50%{opacity:.8;transform:scale(1.5) translateY(-20px) rotate(180deg)}to{opacity:0;transform:scale(.5) translateY(-60px) rotate(720deg)}}.creature-card.brainrot-67{background:linear-gradient(135deg,red,#ff8000,#ff0,#0f0 42%,#0080ff 57%,#8000ff,#ff0080 85%,red);background-size:400% 400%;animation:rainbow-card 3s linear infinite;border:3px solid gold;box-shadow:0 0 20px #ffd70080}.creature-card.brainrot-67:hover{transform:scale(1.1);box-shadow:0 0 40px #ffd700cc}@keyframes rainbow-card{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.obstacle{position:absolute;bottom:20px;z-index:5;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.obstacle-type-0{background:linear-gradient(145deg,#ff4757,#ff3838);border-radius:8px 8px 0 0;clip-path:polygon(0% 100%,10% 0%,20% 100%,30% 0%,40% 100%,50% 0%,60% 100%,70% 0%,80% 100%,90% 0%,100% 100%);animation:pulse-red 2s ease-in-out infinite}.obstacle-type-1{background:linear-gradient(135deg,#9c88ff,#6c5ce7);border-radius:4px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:pulse-purple 2.5s ease-in-out infinite}.obstacle-type-2{background:linear-gradient(145deg,#00b894,#00cec9);border-radius:50%/60% 60% 40% 40%}.obstacle-type-3{background:linear-gradient(180deg,#ff7675,#e17055,#d63031);border-radius:4px}.energy-orb{position:absolute;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff7d1,gold 45%,#ff9f1c 70%,#c46b00);border:3px solid rgba(255,215,0,.8);box-shadow:0 0 12px #ffd700cc,0 0 24px #ff990080;animation:coin-spin 1s linear infinite;display:flex;align-items:center;justify-content:center;font-size:18px;color:#5a3c00}.energy-orb.collected{animation:coin-collect .4s ease forwards;pointer-events:none}@keyframes coin-spin{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes coin-collect{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}@keyframes pulse-red{0%,to{filter:brightness(1) drop-shadow(0 4px 8px rgba(255,71,87,.3))}50%{filter:brightness(1.2) drop-shadow(0 4px 12px rgba(255,71,87,.6))}}@keyframes pulse-purple{0%,to{filter:brightness(1) drop-shadow(0 4px 8px rgba(156,136,255,.3))}50%{filter:brightness(1.1) drop-shadow(0 4px 10px rgba(156,136,255,.5))}}#log-container{position:fixed;bottom:20px;left:20px;width:350px;max-height:200px;z-index:50}#log-container.hidden{display:none}#log{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:12px;max-height:180px;overflow-y:auto;font-size:12px;font-family:Courier New,monospace}#log div{margin-bottom:4px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.floating-text{position:absolute;font-weight:700;color:var(--primary-gold);text-shadow:0 0 6px rgba(0,0,0,.6);pointer-events:none;animation:float-up .8s ease-out forwards;z-index:200}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.modal{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.hidden{display:none}.hidden{display:none!important}.modal-content{background:var(--bg-medium);border-radius:20px;padding:28px;width:min(600px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-content h3{color:var(--primary-gold);margin:0 0 20px;font-size:1.5em;text-align:center}.info-modal-content{max-width:420px}.controls-list{list-style:none;padding:0;margin:20px 0}.controls-list li{background:#ffffff0d;border-radius:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;margin-bottom:10px}.controls-list .control-key{background:linear-gradient(135deg,var(--primary-cyan),#44a08d);color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:13px;min-width:80px;text-align:center}.progress-modal-content{max-width:500px}.shop-modal-content{max-width:520px}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-currency{font-weight:700;color:var(--primary-gold)}.shop-subtitle{color:var(--text-secondary);margin:10px 0 20px;text-align:center}.shop-items{display:flex;flex-direction:column;gap:12px}.shop-item{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;display:flex;flex-direction:column;gap:6px}.shop-item h4{margin:0;color:var(--primary-gold);display:flex;justify-content:space-between;align-items:center}.shop-item p{margin:0;color:var(--text-secondary);font-size:.9em}.shop-item button{align-self:flex-end;margin-top:8px}.shop-item.disabled{opacity:.5}#creature-progress-list{margin:15px 0}.creature-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.creature-progress.unlocked{background:#2ed5731a;border-color:#2ed5734d}.creature-progress .emoji{font-size:1.8em}.creature-progress .name{flex-grow:1;color:var(--text-secondary)}.creature-progress.unlocked .name{color:#2ed573;font-weight:700}.creature-progress .distance{color:#666;font-size:12px}.creature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.creature-card{background:#ffffff0d;border-radius:14px;padding:14px;text-align:left;border:2px solid transparent;color:#fff;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s ease}.creature-card:hover{background:#ffffff14}.creature-card .emoji{font-size:28px}.creature-card h4{margin:0;font-size:14px;color:var(--primary-gold)}.creature-card span{font-size:12px;color:var(--text-secondary)}.creature-card.selected{border-color:var(--primary-gold);box-shadow:0 0 20px #ffd7004d}.creature-card.active{background:#2ed57326}.creature-card.locked{opacity:.5;cursor:not-allowed}.creature-card .locked-text{color:#ff6b6b;font-weight:700}.menu-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.menu-buttons .use-creature-btn{margin-right:auto}button{padding:10px 18px;font-size:14px;cursor:pointer;border-radius:10px;border:none;font-weight:600;transition:all .2s ease}button.primary,.use-creature-btn{background:linear-gradient(135deg,var(--primary-cyan),#44a08d);color:#fff}button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.close-btn{padding:12px 24px}.use-creature-btn{opacity:.5}.use-creature-btn:disabled{cursor:not-allowed;opacity:.4}.use-creature-btn.ready{opacity:1;animation:pulse-ready 1.5s ease-in-out infinite}@keyframes pulse-ready{0%,to{box-shadow:0 0 10px #4ecdc466}50%{box-shadow:0 0 20px #4ecdc4b3}}.welcome-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .5s ease}.welcome-overlay.hidden{display:none}.welcome-content{background:linear-gradient(135deg,var(--bg-medium),var(--bg-light));border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 60px #00000080;border:2px solid rgba(255,215,0,.2);max-width:500px;margin:20px}.welcome-creature{font-size:4em;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}.welcome-content h2{color:var(--primary-gold);margin-bottom:16px;font-size:1.8em}.welcome-description{color:var(--text-secondary);font-size:1em;line-height:1.6;margin-bottom:24px}.celebration-subtext{margin:6px 0;color:var(--text-secondary);font-size:.95em}.welcome-tips{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.tip{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.08);text-align:left}.tip-icon{font-size:1.3em}.start-button{background:linear-gradient(135deg,var(--primary-gold),#ffed4e);color:#1a1a2e;border:none;padding:16px 36px;font-size:1.1em;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 4px 20px #ffd70066;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffd70080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.monster-lab-btn{position:fixed;top:10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff4500,#f60,#fc0);color:#fff;border:3px solid #8B0000;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;z-index:10000;box-shadow:0 0 30px #ff450099;animation:volcano-glow 1.5s ease-in-out infinite}@keyframes volcano-glow{0%,to{box-shadow:0 0 30px #ff450099}50%{box-shadow:0 0 50px #ff4500e6}}.monster-lab-content{max-width:700px!important;background:linear-gradient(135deg,#0a0f1a,#1a1f35)!important;border:2px solid rgba(0,255,136,.3)!important}.lab-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.lab-header h3{color:#0f8!important;text-shadow:0 0 20px rgba(0,255,136,.8)}.lab-icon{font-size:1.8em;animation:lab-pulse 2s ease-in-out infinite}@keyframes lab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.lab-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:.9em}.monster-preview-container{background:linear-gradient(180deg,#00ff881a,#0000004d);border-radius:16px;padding:20px;margin:16px 0;border:2px solid rgba(0,255,136,.2)}.monster-preview{display:flex;flex-direction:column;align-items:center;font-size:2.5em;min-height:140px;justify-content:center;position:relative}.monster-preview.has-skateboard{padding-bottom:20px}.monster-name{font-size:1.2em;font-weight:700;color:var(--primary-gold);margin-top:12px;text-align:center}.part-selectors{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.part-selector{flex:1 1 140px;display:flex;flex-direction:column;gap:6px}.part-selector label{color:var(--primary-gold);font-weight:700;font-size:.85em;text-align:center}.part-dropdown{padding:10px;border-radius:10px;border:2px solid rgba(0,255,136,.3);background:#0006;color:#fff;font-size:.9em;cursor:pointer}.stats-preview{background:#0000004d;border-radius:10px;padding:12px;margin:12px 0}.stat-bar{display:flex;align-items:center;gap:10px;margin:6px 0}.stats-preview .stat-label{width:90px;font-size:.8em;color:var(--text-secondary)}.stat-fill-container{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:5px;transition:width .3s ease}.stats-preview .stat-value{width:40px;text-align:right;font-size:.8em;color:#0f8;font-weight:700}.saved-monsters-section{margin:16px 0;padding:12px;background:#0003;border-radius:10px}.fused-monsters-note{margin-top:8px;font-size:.85em;color:var(--text-secondary);text-align:center}.saved-monsters-section h4{color:var(--primary-gold);margin:0 0 10px;font-size:.9em}.saved-monsters-list{display:flex;gap:8px;flex-wrap:wrap}.no-monsters{color:#666;font-style:italic;font-size:.85em}.saved-monster-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.saved-monster-card:hover{background:#00ff881a;border-color:#0f8}.lab-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.lab-btn{padding:10px 18px;border-radius:10px;font-weight:700;cursor:pointer;border:none}.save-btn{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000}.play-btn{background:linear-gradient(135deg,var(--primary-gold),#ff9f43);color:#000}.random-btn{background:linear-gradient(135deg,#ff0080,#ff6b6b);color:#fff}@media(max-width:900px){:root{--game-height: 380px}#game-wrapper{padding:10px}#stats-bar{flex-wrap:wrap}.stat-item{flex:1 1 30%;min-width:80px}.progress-stat{flex:1 1 100%;order:-1}.creature-stat .stat-value{max-width:100px;font-size:12px}}@media(max-width:600px){:root{--game-height: 320px}.stat-item{padding:8px 10px}.stat-item .stat-label{font-size:9px}.stat-item .stat-value{font-size:14px}.level-stat .stat-value{font-size:20px}.menu-toggle-btn{width:40px;height:40px;font-size:20px}}.ogre-stretch-arm{position:absolute;height:24px;background:linear-gradient(180deg,#9eff9e,#44bd32 30%,#2d8a22 70%,#1a5c14);border:4px solid #0f3d0a;border-radius:14px;transform-origin:left center;z-index:100;box-shadow:0 6px 12px #00000080,0 0 25px #44bd32cc;pointer-events:none}.ogre-fist{position:absolute;right:-25px;top:50%;transform:translateY(-50%);font-size:42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:fist-shake .1s ease-in-out infinite}@keyframes fist-shake{0%,to{transform:translateY(-50%) rotate(-5deg) scale(1.1)}50%{transform:translateY(-50%) rotate(5deg) scale(1.2)}}.creature-card.thunder-god{background:linear-gradient(135deg,#ff03,#0064ff1a);border:2px solid rgba(255,255,0,.5)!important;box-shadow:0 0 20px #ff06;animation:thunder-glow .5s ease-in-out infinite alternate}@keyframes thunder-glow{0%{box-shadow:0 0 20px #ff06}to{box-shadow:0 0 35px #ff0c}}.lava-wings-container,.thunder-wings-container{position:absolute;pointer-events:none;z-index:-1}.thunder-wing,.lava-wing,.lava-wing-permanent{position:absolute;font-size:45px;animation:wing-flap .25s ease-in-out infinite alternate}@keyframes wing-flap{0%{transform:translateY(-50%) rotate(-5deg)}to{transform:translateY(-55%) rotate(-30deg)}}.fire-trail{position:absolute;font-size:20px;animation:fire-trail-fade .5s ease-out forwards;pointer-events:none}@keyframes fire-trail-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3) translateY(20px)}}@keyframes missile-wobble{0%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}.skateboard-missile{transition:all .1s ease-out}.skateboard-missile:hover{transform:scale(1.2)!important}.creature.is-fusion{display:flex;align-items:center;justify-content:center}.fusion-stack{display:flex;flex-direction:column;align-items:center;line-height:.8}.fusion-head{font-size:28px;transform:translateY(8px);z-index:3}.fusion-body{font-size:36px;z-index:2}.fusion-legs{font-size:24px;transform:translateY(-8px);z-index:1}.creature.god-mode-flying{filter:drop-shadow(0 0 20px #ff0080) drop-shadow(0 0 40px #ff4500)!important}.god-dragon-container{display:flex;align-items:center;justify-content:center;position:relative}.monster-abilities{display:flex;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}.ability-tag{background:#ffffff1a;padding:4px 10px;border-radius:12px;font-size:.75em;border:1px solid rgba(255,255,255,.2)}.ability-tag.fly{border-color:#00d4ff;color:#00d4ff}.ability-tag.grab{border-color:#44bd32;color:#44bd32}.ability-tag.lightning{border-color:var(--primary-gold);color:var(--primary-gold)}.ability-tag.fire{border-color:#ff6b6b;color:#ff6b6b}.ability-tag.ice{border-color:#83c5be;color:#83c5be}.ability-tag.godmode{border-color:#ff0080;color:#ff0080}.mobile-controls{display:none;position:fixed;bottom:20px;left:0;right:0;padding:0 20px;z-index:9999;pointer-events:none;justify-content:space-between}.mobile-controls.visible{display:flex}.mobile-controls-left,.mobile-controls-right{display:flex;gap:12px;pointer-events:auto}.mobile-btn{width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.4);background:#00000080;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .1s,background .1s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-btn:active,.mobile-btn.pressed{transform:scale(.9);background:#4ecdc499;border-color:var(--primary-cyan)}.mobile-jump{width:90px;height:90px;font-size:36px;background:#4ecdc44d;border-color:var(--primary-cyan)}.mobile-ability{background:#ffd7004d;border-color:var(--primary-gold)}@media(hover:none)and (pointer:coarse){#game:before{animation:none!important;background-image:none!important}#game:after{animation:none!important;filter:none!important}.creature,.obstacle,.energy-orb,.fire-trail,.lightning-spark,.lava-drip,.rainbow-trail,.ice-trail,.floating-text{filter:none!important;-webkit-filter:none!important}.fire-trail,.rainbow-trail,.ice-trail,.energy-trail,.lava-drip,.lightning-spark{animation-duration:.15s!important}.portal-ring{animation:none!important;border-width:3px!important}.portal-core,.celebration-emoji,.celebration-stars{animation:none!important}#game{box-shadow:none!important;border:2px solid rgba(255,255,255,.2)!important}.floating-text,.spark,.lightning-spark{animation-duration:.2s!important}.thunder-wing,.lava-wing,.lava-wing-permanent{animation:none!important}.skateboard-accessory{filter:none!important}.mobile-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.brainrot-67-container,.lego-digit,.digit-text,.digit-eye,.digit-hand,.digit-legs,.digit-leg,.digit-shoe,.finger,.brainrot-wing{animation:none!important;transition:none!important}.throwing-67,.throwing-67 *,.brainrot-projectile,.thrown-67-projectile{animation:none!important}.is-67-brainrot-simple{display:flex!important;align-items:center!important;justify-content:center!important}.obstacle,.obstacle-type-0,.obstacle-type-1,.obstacle-type-2,.obstacle-type-3{animation:none!important;box-shadow:none!important;transition:none!important}.energy-orb{animation:none!important;box-shadow:0 0 6px #ffd70080!important;transition:none!important}.portal,#level-portal,.portal-ring,.portal-core{animation:none!important;box-shadow:none!important}.creature{animation:none!important;transition:none!important;filter:none!important}*{transition-duration:0s!important}}.simple-67{display:flex;align-items:center;justify-content:center;font-family:Arial Black,Impact,sans-serif;font-weight:900}.simple-6{font-size:50px;color:#f33;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;transform:scaleX(-1)}.simple-7{font-size:50px;color:#ff0;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;margin-left:-5px}@media(max-device-memory:4){#game:before,#game:after{display:none!important}}.creature,.obstacle,.energy-orb,.portal,#level-portal{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}#game,#game-container,#arena{-webkit-overflow-scrolling:touch;touch-action:pan-y}#game,.mobile-controls{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.mobile-btn{width:60px;height:60px;font-size:24px}.mobile-jump{width:75px;height:75px;font-size:30px}.mobile-controls{bottom:15px;padding:0 15px}}@media(max-width:480px){.mobile-btn{width:55px;height:55px;font-size:20px}.mobile-jump{width:65px;height:65px;font-size:26px}.mobile-controls{bottom:10px;padding:0 10px;gap:8px}.mobile-controls-left,.mobile-controls-right{gap:8px}}