/* Base layout. OWNER of the visual HUD styles: Sonnet agent "hud" (put HUD/menu styles in css/hud.css and link it from index.html). */
html, body { margin: 0; height: 100%; background: #000; overflow: hidden; font-family: 'Trebuchet MS', Verdana, sans-serif; user-select: none; -webkit-user-select: none; }
#stage { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; }
#game { position: relative; width: 1280px; height: 720px; transform-origin: center center; flex: none; }
#canvas { position: absolute; inset: 0; width: 1280px; height: 720px; display: block; }
#hud, #menu { position: absolute; inset: 0; pointer-events: none; }
#hud > *, #menu > * { pointer-events: auto; }