*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#050510;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}#game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a2e,#050510)}#game-canvas{display:block;image-rendering:pixelated;cursor:default;border-radius:4px;box-shadow:0 0 40px #648cff26,0 0 80px #648cff0d}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-text{font-size:36px;font-weight:800;letter-spacing:8px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.2);margin-bottom:24px}.loading-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin:0 auto;overflow:hidden}.loading-fill{width:0%;height:100%;background:linear-gradient(90deg,#4a9eff,gold);border-radius:2px;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%{width:0%}50%{width:80%}to{width:100%}}@media(max-width:820px){#game-canvas{width:100vw;height:auto}}@media(max-height:620px){#game-canvas{height:100vh;width:auto}}@media(hover:none)and (pointer:coarse){#game-canvas{cursor:pointer}}