:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body {
  display: grid; place-items: center; background: radial-gradient(circle at 50% 20%, #496d89, #162e44 75%);
  font-family: "Trebuchet MS", Arial, sans-serif;
}
#game-shell { position: relative; width: min(100vw, calc(100vh * 1.6)); aspect-ratio: 16/10; }
#game, #game canvas { width: 100% !important; height: 100% !important; display: block; }
#game canvas { border-radius: 18px; box-shadow: 0 18px 70px #071523aa; touch-action: none; }
#loading { position: absolute; inset: 45% 0 auto; color: white; font-size: clamp(18px, 3vw, 30px); text-align: center; }
@media (max-width: 700px) { #game canvas { border-radius: 0; } }