/* Lead-owned. Page frame only; HUD look lives in hud.css (player agent), game screens in game.css (campaign agent). */
html, body { margin: 0; height: 100%; overflow: hidden; background: #0b0a09; color: #e8e2d6;
  font-family: "Consolas", "Cascadia Mono", "Courier New", monospace; user-select: none; -webkit-user-select: none; touch-action: none; }
#view { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; }
#hud { position: fixed; inset: 0; pointer-events: none; z-index: 10; }
#overlay { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at center, rgba(40,8,6,.75), rgba(0,0,0,.94)); }
#overlay.hidden { display: none; }
#overlay .boot { text-align: center; max-width: 640px; padding: 16px; }
#overlay h1 { font-size: clamp(32px, 7vw, 72px); letter-spacing: .12em; margin: 0 0 8px; color: #ff3b2f; text-shadow: 0 0 18px rgba(255,40,30,.6); }
#overlay h1 span { display: block; font-size: .32em; letter-spacing: .4em; color: #e8e2d6; }
#overlay p { opacity: .8; white-space: pre-line; }
#overlay button { font: inherit; font-size: 18px; letter-spacing: .2em; padding: 12px 28px; margin-top: 12px;
  background: transparent; color: #ff3b2f; border: 1px solid #ff3b2f; cursor: pointer; }
#overlay button:disabled { opacity: .35; cursor: wait; }
#overlay button:not(:disabled):hover { background: rgba(255,59,47,.15); }