*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a3a5c;font-family:system-ui,-apple-system,sans-serif}h1{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:10;color:#ffe066;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;text-shadow:2px 2px 0 #c47a00,0 0 20px rgba(255,224,102,.4);pointer-events:none;letter-spacing:.05em}#game-container{width:100vw;height:100vh}#game-container canvas{display:block;width:100%;height:100%}#joystick{position:fixed;bottom:24px;left:24px;width:100px;height:100px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);z-index:10;touch-action:none;display:none}#joystick-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#ffe066d9;border:2px solid rgba(255,255,255,.5);pointer-events:none}@media(hover:none)and (pointer:coarse){#joystick{display:block}}@media(orientation:portrait)and (max-width:900px){body:after{content:"rotate your device to landscape";position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a3a5cf2;color:#ffe066;font-size:1.4rem;z-index:100;text-align:center;padding:2rem}}