/* REKT ARCADE - design tokens */
:root {
  --bg: #07061a; --bg2: #0b0a24; --panel: #100e2e; --panel2: #17143d; --line: #2b2a55; --line2: #3b3980;
  --lime: #b7ff2a; --lime-d: #5a9400; --mag: #ff2bd6; --mag-d: #8a0f74; --red: #ff3355; --gold: #ffc933; --cyan: #2be4ff; --purple: #9b6bff;
  --text: #f2f0ff; --dim: #a29fd0; --good: #b7ff2a; --bad: #ff3355; --warn: #ffc933;
  --accent: var(--lime);
  --f-display: "Arial Black", "Impact", "Haettenschweiler", "Franklin Gothic Heavy", system-ui, sans-serif;
  --f-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-arcade: "Bungee", var(--f-display);
  --f-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;
  --r: 6px; --notch: 8px;
  --safe-t: env(safe-area-inset-top, 0px); --safe-b: env(safe-area-inset-bottom, 0px); --safe-l: env(safe-area-inset-left, 0px); --safe-r: env(safe-area-inset-right, 0px);
  --tab-h: 58px; --top-h: 60px;
  --shadow-neon: 0 0 0 1px rgba(183,255,42,.35), 0 0 24px rgba(183,255,42,.18);
}