:root {
  --bg: #062235;
  --panel: rgba(4, 20, 30, 0.76);
  --text: #f4fbff;
  --accent: #73e7ff;
  --warm: #ffd76b;
  --danger: #ff704d;
}

* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: var(--bg); }
body { font-family: "Trebuchet MS", "Avenir Next", sans-serif; color: var(--text); }
#game-shell, #game-canvas, #overlay-root { position: absolute; inset: 0; }
#game-canvas { display: block; width: 100%; height: 100%; }
#overlay-root { pointer-events: none; }
#menu-screen, #camp-screen, #results-screen { pointer-events: auto; }