:root{--slime: #39ff6b;--slime-dark: #1a8033;--slime-glow: #6fff9f;--toxic: #2aff00;--bg-black: #050805;--panel-bg: rgba(10, 20, 10, .82);--border-slime: #2aff4a;--ui-font: system-ui, -apple-system, sans-serif;--creepy-font: "Creepster", var(--ui-font);--ink: #041008}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ui-font);color:var(--slime);overflow:hidden;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/background.png) center / cover no-repeat fixed;position:relative}body:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#00000026,#000000bf 70%,#000000f2),repeating-linear-gradient(-45deg,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 6px);pointer-events:none;z-index:0}#app{width:100%;height:100%;position:relative;z-index:1}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hidden{display:none!important}#introScreen{background:transparent}.intro-content{text-align:center;position:relative;z-index:2}.game-title{font-family:var(--creepy-font);font-size:clamp(96px,15vw,180px);font-weight:900;letter-spacing:18px;text-transform:uppercase;color:var(--slime);text-shadow:-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink),3px 3px 0 var(--ink),0 0 26px var(--slime-glow),0 0 60px rgba(57,255,107,.75),0 18px 40px rgba(0,0,0,.95);animation:titlePulse 2.5s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03) skew(-1deg)}}.subtitle{margin-top:26px;font-size:18px;letter-spacing:10px;text-transform:uppercase;color:#39ff6b8c;text-shadow:0 0 12px rgba(57,255,107,.35),0 6px 18px rgba(0,0,0,.8)}.slime-btn{margin-top:56px;font-family:var(--ui-font);font-size:40px;font-weight:900;letter-spacing:6px;text-transform:uppercase;padding:22px 76px;background:linear-gradient(135deg,var(--slime),var(--slime-dark));color:#041008;border:4px solid var(--border-slime);cursor:pointer;box-shadow:inset 0 6px 22px #ffffff40,inset 0 -8px 22px #000000a6,0 0 48px #39ff6b59,0 14px 34px #000000f2;transition:transform .15s,box-shadow .15s}.slime-btn:hover{transform:translateY(-2px) scale(1.07);box-shadow:inset 0 6px 28px #ffffff4d,inset 0 -10px 30px #000000bf,0 0 74px #39ff6b8c,0 18px 44px #000}.slime-btn:active{transform:translateY(0) scale(.99)}.controls-panel{margin-top:52px;padding:22px 34px;background:var(--panel-bg);border:1px solid rgba(57,255,107,.25);box-shadow:inset 0 2px 14px #0009,0 0 40px #39ff6b26,0 12px 26px #000000f2}.panel-title{font-family:var(--creepy-font);font-size:22px;letter-spacing:6px;color:var(--slime);text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 0 20px rgba(57,255,107,.4);margin-bottom:14px;text-transform:uppercase}.control-item{font-size:13px;letter-spacing:2px;color:#39ff6ba6;text-shadow:0 0 10px rgba(57,255,107,.2);margin:8px 0}.game-container{width:100%;height:100%;position:relative;overflow:hidden}.game-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hud-panel{position:absolute;top:22px;left:50%;transform:translate(-50%);display:flex;gap:60px;padding:16px 44px;background:var(--panel-bg);border:none;z-index:60;box-shadow:0 0 42px #39ff6b38,0 0 90px #39ff6b1f,0 12px 30px #000000f2}.score-item{text-align:center}.score-label{font-size:12px;letter-spacing:5px;text-transform:uppercase;color:#39ff6b80}.score-value{font-family:var(--creepy-font);font-size:40px;font-weight:900;letter-spacing:4px;color:var(--slime);text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 0 24px var(--slime-glow),0 0 55px rgba(57,255,107,.7),0 10px 22px rgba(0,0,0,1)}.speed-meter{width:110px;height:12px;margin-top:8px;background:#00000059;border:1px solid rgba(57,255,107,.25);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 6px #000000b3}.speed-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--slime),var(--slime-glow),var(--toxic));box-shadow:0 0 14px #39ff6b99;transition:width .25s ease}canvas{border:3px solid rgba(57,255,107,.35);box-shadow:inset 0 0 70px #000000bf,0 0 90px #39ff6b38,0 18px 50px #000;image-rendering:pixelated;position:relative}.status-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-family:var(--creepy-font);font-size:clamp(48px,6vw,72px);font-weight:900;letter-spacing:12px;text-transform:uppercase;color:var(--slime);text-shadow:-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink),3px 3px 0 var(--ink),0 0 40px rgba(57,255,107,.8),0 0 90px rgba(57,255,107,.35),0 20px 50px rgba(0,0,0,1);pointer-events:none;z-index:80;white-space:nowrap}.restart-btn{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);padding:12px 32px;font-family:var(--ui-font);font-size:18px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:#39ff6b26;color:var(--slime);border:2px solid rgba(57,255,107,.4);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transition:all .3s ease;z-index:85;box-shadow:inset 0 2px 10px #0006,0 0 30px #39ff6b33,0 4px 15px #000c}.restart-btn.visible{opacity:1;visibility:visible}.restart-btn:hover{background:#39ff6b40;border-color:#39ff6b99;transform:translate(-50%,-50%) scale(1.05);box-shadow:inset 0 2px 15px #0000004d,0 0 40px #39ff6b4d,0 6px 20px #000000e6}.restart-btn:active{transform:translate(-50%,-50%) scale(.98);background:#39ff6b59}.footer-info{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#39ff6b8c;opacity:.9;text-shadow:-1px -1px 0 rgba(0,0,0,.8),1px -1px 0 rgba(0,0,0,.8),-1px 1px 0 rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.8),0 0 12px rgba(57,255,107,.25);z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.footer-info a{pointer-events:auto;color:var(--slime);text-decoration:none;text-shadow:-1px -1px 0 rgba(0,0,0,.85),1px -1px 0 rgba(0,0,0,.85),-1px 1px 0 rgba(0,0,0,.85),1px 1px 0 rgba(0,0,0,.85),0 0 16px rgba(57,255,107,.35)}.footer-info a:hover{text-decoration:underline}@media(max-width:768px){.game-title{font-size:clamp(48px,12vw,96px);letter-spacing:8px}.subtitle{font-size:14px;letter-spacing:6px}.slime-btn{font-size:28px;padding:16px 48px}.controls-panel{display:none}canvas{max-width:90vw;max-height:60vh;width:auto;height:auto}.footer-info{font-size:9px;letter-spacing:1px}}body.mobile .hud-panel{top:10px;padding:8px 12px;gap:20px;background:#0a140af2}body.mobile .score-label{display:none}body.mobile .score-value{font-size:24px;letter-spacing:2px}body.mobile .speed-meter{width:60px;height:8px;margin-top:0}body.mobile .game-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(-50px)}.mobile-controls{position:fixed;bottom:50px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px;z-index:100;pointer-events:none}.mobile-controls>*{pointer-events:auto}.dpad{position:relative;width:150px;height:150px}.dpad-btn{position:absolute;width:50px;height:50px;background:#39ff6b33;border:2px solid rgba(57,255,107,.5);color:var(--slime);font-size:24px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0000004d,0 0 20px #39ff6b33}.dpad-btn:active{background:#39ff6b80;transform:scale(.95);box-shadow:inset 0 2px 10px #00000080,0 0 30px #39ff6b66}.dpad-up{top:0;left:50px;border-radius:10px 10px 0 0}.dpad-down{bottom:0;left:50px;border-radius:0 0 10px 10px}.dpad-left{left:0;top:50px;border-radius:10px 0 0 10px}.dpad-right{right:0;top:50px;border-radius:0 10px 10px 0}.dpad-center{position:absolute;top:50px;left:50px;width:50px;height:50px;background:#0a140acc;border:1px solid rgba(57,255,107,.3);pointer-events:none}.mobile-pause-btn{width:60px;height:60px;background:#39ff6b33;border:2px solid rgba(57,255,107,.5);border-radius:50%;color:var(--slime);font-size:20px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0000004d,0 0 20px #39ff6b33}.mobile-pause-btn:active{background:#39ff6b80;transform:scale(.95);box-shadow:inset 0 2px 10px #00000080,0 0 30px #39ff6b66}body.mobile .status-overlay{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;white-space:normal;line-height:1.2;font-size:clamp(36px,5vw,48px)}body.mobile .restart-btn{top:58%;padding:10px 24px;font-size:16px;letter-spacing:2px}body.mobile .game-container{padding:10px}body.mobile .score-item{min-width:auto}body.mobile .score-item:last-child{display:none}@media(max-width:400px){body.mobile .hud-panel{gap:15px}body.mobile .score-value{font-size:20px}body.mobile .game-wrap{transform:translateY(-60px)}body.mobile .status-overlay{top:43%}.dpad{width:120px;height:120px}.dpad-btn{width:40px;height:40px;font-size:20px}.dpad-up,.dpad-down{left:40px}.dpad-left,.dpad-right{top:40px}.dpad-center{top:40px;left:40px;width:40px;height:40px}.mobile-pause-btn{width:50px;height:50px;font-size:16px}}body.mobile{overflow:hidden;position:fixed;width:100%;height:100%}body.mobile button:active,body.mobile .slime-btn:active{transform:scale(.95)}.mobile-mute-btn{display:none;position:fixed;top:20px;right:20px;width:45px;height:45px;background:#39ff6b26;border:2px solid rgba(57,255,107,.4);border-radius:50%;color:var(--slime);font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:65;transition:all .15s ease;box-shadow:inset 0 2px 8px #0000004d,0 0 20px #39ff6b26,0 4px 12px #000000b3;display:flex;align-items:center;justify-content:center}body.mobile .mobile-mute-btn{display:flex}.mobile-mute-btn:active{background:#39ff6b4d;transform:scale(.9);box-shadow:inset 0 2px 10px #00000080,0 0 25px #39ff6b40}.mobile-mute-btn.muted{background:#ff6b3926;border-color:#ff6b3966;color:#ff6b39cc}.mobile-mute-btn.muted:active{background:#ff6b394d}@media(max-width:400px){.mobile-mute-btn{top:15px;right:15px;width:40px;height:40px;font-size:18px}}