/* base.css: owned by the main session. Shared design tokens for every module. */
:root {
  --navy-0: #04080F; --navy-1: #060D18; --navy-2: #0B1A2E; --navy-3: #12273F;
  --gold: #D9BE85; --gold-2: #CDB37C; --gold-3: #A68B57; --cream: #EFE9DC;
  --teal: #5EC8D8; --red: #FF4D2E; --text: #EAE3D0; --muted: #9AA3AE;
  --glass: rgba(10, 16, 26, 0.78); --glass-border: rgba(255, 255, 255, 0.09);
  --font-title: "Inter", system-ui, sans-serif; --font-ui: "Inter", system-ui, sans-serif;
  --radius: 14px; --shadow: 0 10px 40px rgba(0, 0, 0, 0.55);
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: var(--navy-0); color: var(--text); font-family: var(--font-ui); -webkit-font-smoothing: antialiased; }
#stage { position: fixed; inset: 0; }
#stage canvas { display: block; width: 100%; height: 100%; touch-action: none; }
#labels { position: fixed; inset: 0; pointer-events: none; }
#ui { position: fixed; inset: 0; pointer-events: none; }
#ui > * { pointer-events: auto; }
button { font-family: inherit; }