@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--retro-green: #4ade80;--retro-gold: #FFD700;--retro-red: #f87171;--retro-blue: #87CEEB;--retro-brown: #8B6914;--retro-dark: #1a1a2e;--retro-bg: #0a0a1a;--pixel-border: 3px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--retro-bg);font-family:"Press Start 2P",monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;user-select:none;-webkit-user-select:none;touch-action:none}.game-container{position:relative;width:100%;height:100%;max-width:480px;margin:0 auto;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.crt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}.crt-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.25) 100%)}.hud{position:absolute;top:0;left:0;right:0;z-index:20;padding:8px 12px 6px;pointer-events:none}.hud-top{display:flex;align-items:flex-start;justify-content:space-between}.hud-left,.hud-right{flex:1}.hud-right{text-align:right}.score-label{font-size:7px;color:#fff9;letter-spacing:2px;margin-bottom:2px}.score-value{font-size:14px;color:#fff;text-shadow:2px 2px 0 var(--retro-dark),-1px -1px 0 var(--retro-dark),1px -1px 0 var(--retro-dark),-1px 1px 0 var(--retro-dark)}.pause-btn{pointer-events:auto;background:#00000080;border:2px solid rgba(255,255,255,.3);color:#fff;font-family:"Press Start 2P",monospace;font-size:12px;padding:6px 10px;cursor:pointer;image-rendering:pixelated;letter-spacing:-2px;text-shadow:1px 1px 0 var(--retro-dark)}.pause-btn:active{background:#ffffff26;transform:scale(.95)}.lives{display:flex;gap:4px;justify-content:flex-end}.heart{font-size:16px;text-shadow:1px 1px 0 var(--retro-dark)}.heart.alive{color:var(--retro-red)}.heart.dead{color:#ffffff26}.hud-energy{margin-top:6px;display:flex;align-items:center;gap:6px}.energy-label{font-size:6px;color:#ffffff80;letter-spacing:1px;white-space:nowrap}.energy-bar-bg{flex:1;height:8px;background:#0009;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.energy-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80,#86efac);transition:width .2s ease;box-shadow:0 0 6px #4ade8080}.combo-popup{position:absolute;top:70px;left:50%;transform:translate(-50%);font-size:12px;color:var(--retro-gold);text-shadow:2px 2px 0 var(--retro-dark),-1px -1px 0 var(--retro-dark),1px -1px 0 var(--retro-dark),-1px 1px 0 var(--retro-dark);animation:comboBounce .5s ease infinite alternate;white-space:nowrap}@keyframes comboBounce{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:30;background:#0a0a1ad9;gap:16px;padding:20px}.start-screen{background:radial-gradient(ellipse at 30% 20%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,215,0,.06) 0%,transparent 50%),#0a0a1aeb}.title-art{text-align:center;margin-bottom:4px}.title-line{font-size:28px;color:#fff;text-shadow:3px 3px 0 var(--retro-dark),4px 4px 0 rgba(74,222,128,.3),-1px -1px 0 var(--retro-dark);letter-spacing:4px;line-height:1.3}.title-line.accent{color:var(--retro-gold);text-shadow:3px 3px 0 var(--retro-dark),4px 4px 0 rgba(255,215,0,.3),-1px -1px 0 var(--retro-dark);font-size:36px}.subtitle{font-size:8px;color:#ffffff80;letter-spacing:3px;margin-bottom:8px}.pixel-character-preview{margin:12px 0;animation:previewBounce 1s ease-in-out infinite}@keyframes previewBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.preview-body{position:relative;width:48px;height:56px;margin:0 auto}.preview-antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:4px;height:12px;background:var(--retro-green)}.preview-antenna:after{content:"";position:absolute;top:-6px;left:-4px;width:12px;height:8px;background:var(--retro-red);border-radius:2px}.preview-face{width:48px;height:40px;background:var(--retro-green);border-radius:8px 8px 4px 4px;border:3px solid #166534;position:relative;top:8px}.preview-eye{position:absolute;top:8px;width:12px;height:14px;background:#fff;border:2px solid #166534;border-radius:2px}.preview-eye:after{content:"";position:absolute;bottom:2px;right:2px;width:6px;height:8px;background:var(--retro-dark)}.preview-eye.left{left:8px}.preview-eye.right{right:8px}.preview-mouth{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:4px;background:#166534;border-radius:0 0 4px 4px}.arcade-btn{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--retro-dark);background:var(--retro-gold);border:none;padding:14px 28px;cursor:pointer;text-transform:uppercase;box-shadow:0 4px #b8960f,0 6px 8px #0006,inset 0 -2px #0000001a;animation:btnPulse 2s ease-in-out infinite;letter-spacing:2px;position:relative}.arcade-btn:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:4px;background:#ffffff4d}.arcade-btn:active{transform:translateY(3px);box-shadow:0 1px #b8960f,0 2px 4px #0006}@keyframes btnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.controls-hint{font-size:7px;color:#ffffff59;letter-spacing:1px}.twitter-link{font-family:"Press Start 2P",monospace;font-size:8px;color:#ffffff80;text-decoration:none;letter-spacing:1px;transition:color .2s}.twitter-link:hover,.twitter-link:active{color:#1da1f2}.hi-score{font-size:9px;color:var(--retro-gold);text-shadow:1px 1px 0 var(--retro-dark);margin-top:4px}.pause-title{font-size:24px;color:#fff;text-shadow:3px 3px 0 var(--retro-dark);animation:pauseBlink 1s step-start infinite}@keyframes pauseBlink{0%,to{opacity:1}50%{opacity:.3}}.gameover-screen{background:radial-gradient(ellipse at center,rgba(248,113,113,.1) 0%,transparent 60%),#0a0a1aeb}.gameover-title{font-size:24px;color:var(--retro-red);text-shadow:3px 3px 0 var(--retro-dark),-1px -1px 0 var(--retro-dark);animation:gameoverShake .5s ease}@keyframes gameoverShake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}.final-score{text-align:center}.final-label{font-size:8px;color:#ffffff80;letter-spacing:2px;margin-bottom:4px}.final-value{font-size:20px;color:#fff;text-shadow:2px 2px 0 var(--retro-dark)}.new-record{font-size:10px;color:var(--retro-gold);text-shadow:1px 1px 0 var(--retro-dark);animation:recordFlash .4s step-start infinite}@keyframes recordFlash{0%,to{opacity:1;color:var(--retro-gold)}50%{opacity:.6;color:#fff}}@media(min-width:481px){.game-container{border-left:4px solid #222;border-right:4px solid #222;box-shadow:0 0 60px #4ade801a}}@media(max-height:600px){.title-line{font-size:22px}.title-line.accent{font-size:28px}.pixel-character-preview{margin:6px 0}.arcade-btn{padding:10px 20px;font-size:10px}}