@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color-scheme:dark;font-family:"Press Start 2P",monospace;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}.game-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-around;font-size:14px;color:#fff;text-shadow:2px 2px 0 #000;z-index:10;pointer-events:none;padding:0 16px}.touch-controls{position:absolute;bottom:0;left:0;right:0;height:140px;display:flex;justify-content:space-between;align-items:flex-end;padding:16px;z-index:20;pointer-events:none}.touch-btn{pointer-events:auto;width:70px;height:70px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .05s}.touch-btn:active,.touch-btn.pressed{transform:scale(.9);background:#ffffff59;border-color:#fffc}.dpad{display:flex;gap:10px;align-items:flex-end}.dpad-up{margin-bottom:10px}.action-btns{display:flex;gap:12px;align-items:flex-end}.btn-jump{width:80px!important;height:80px!important;font-size:32px;background:#ff50504d!important;border-color:#ff505099!important}.btn-jump:active,.btn-jump.pressed{background:#ff505099!important}.btn-run{width:60px!important;height:60px!important;font-size:20px;background:#50b4ff4d!important;border-color:#50b4ff99!important}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:20px;padding:20px;text-align:center}.overlay h1{font-size:24px;color:#fc0;text-shadow:3px 3px 0 #b06000}.overlay h2{font-size:18px;color:#4f4;text-shadow:2px 2px 0 #006600}.overlay p{font-size:11px;color:#aaa;max-width:400px;line-height:1.8}.overlay .score-final{font-size:16px;color:#fc0}.btn-start{font-family:"Press Start 2P",monospace;font-size:14px;padding:14px 32px;border:3px solid #ffcc00;background:#b06000;color:#fff;border-radius:8px;cursor:pointer;text-shadow:1px 1px 0 #000;transition:transform .1s}.btn-start:hover{transform:scale(1.05);background:#d08000}.btn-start:active{transform:scale(.95)}.lose h1{color:#f44;text-shadow:3px 3px 0 #880000}.win h1{color:#4f4;text-shadow:3px 3px 0 #006600}