: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;inset:0;display:flex;align-items:center;justify-content: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}.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}