@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{color:#555;background-color:#050505;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:"Press Start 2P",monospace;display:flex}.app-container{box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:100%;padding:20px;display:flex}.game-hud{box-sizing:border-box;background-color:#111;border:4px solid #555;width:100%;max-width:640px;padding:15px}.game-hud h1{text-align:center;color:#f1c40f;margin:0 0 15px;font-size:16px}.stats{justify-content:space-between;font-size:12px;display:flex}.canvas-container{aspect-ratio:640/352;justify-content:center;width:100%;max-width:640px;display:flex;position:relative}@media (width>=1024px){.game-hud,.canvas-container{max-width:1280px}.game-hud h1{font-size:24px}.stats{font-size:18px}.overlay h2{font-size:24px}.overlay p{font-size:16px}.play-again-btn{padding:15px 30px;font-size:18px}}@media (width>=768px) and (width<=1023px){.game-hud,.canvas-container{max-width:960px}.game-hud h1{font-size:20px}.stats{font-size:14px}}canvas{object-fit:contain;width:100%;height:100%}.overlay{z-index:10;text-align:center;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay h2{color:#e74c3c;margin-bottom:20px;font-size:16px;line-height:1.5}.overlay p{color:#aaa;font-size:12px}.instructions{color:#666;text-align:center;-webkit-user-select:none;user-select:none;font-size:10px}.play-again-btn{color:#fff;cursor:pointer;background-color:#000;border:2px solid #fff;margin-top:20px;padding:10px 20px;font-family:inherit;font-size:12px;transition:all .2s}.play-again-btn:hover,.play-again-btn:focus{color:#000;background-color:#fff;outline:none}.play-again-btn:active{transform:scale(.95)}.temp-message{color:#e74c3c;z-index:5;pointer-events:none;background-color:#000c;border:2px solid #e74c3c;padding:10px 20px;font-size:10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mobile-controls{justify-content:center;align-items:center;width:100%;margin-top:10px;display:flex}.d-pad{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);gap:10px;display:grid}.d-pad-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#333;border:2px solid #555;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:16px;display:flex}.d-pad-btn:active{background-color:#555;transform:scale(.95)}.d-pad-btn.up{grid-area:1/2}.d-pad-btn.left{grid-area:2/1}.d-pad-btn.right{grid-area:2/3}.d-pad-btn.down{grid-area:3/2}@media (width>=1024px){.mobile-controls{display:none}}