/* =====================================================================
   War Zone — fullscreen isometric 3D shooter theme.
   There is no page: two canvases always fill the entire window edge to
   edge — #screen carries the Three.js WebGL battlefield, #hud floats on
   top of it and carries every bit of 2D chrome (crosshair, health, ammo,
   menus, briefings, joysticks). base.css is linked for house consistency
   but this page deliberately uses none of its chrome.
   ===================================================================== */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: #17242b;             /* matches the in-canvas dusk sky */
  overflow: hidden;
  touch-action: none;               /* drags aim, they don't scroll */
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#screen, #hud {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
}
#screen { z-index: 1; cursor: crosshair; }
#hud    { z-index: 2; pointer-events: none; } /* input is captured on body */