@font-face { font-family: 'Orbitron'; src: url('/assets/fonts/OrbitronVar.ttf') format('truetype'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/InterVar.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/BarlowCondensed-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url('/assets/fonts/BarlowCondensed-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Space Grotesk'; src: url('/assets/fonts/SpaceGroteskVar.ttf') format('truetype'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'Alfa Slab One'; src: url('/assets/fonts/AlfaSlabOne-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'JetBrains Mono'; src: url('/assets/fonts/JetBrainsMonoVar.ttf') format('truetype'); font-weight: 100 800; font-display: swap; }
/* Brand tokens. /lib/brand.js overwrites --primary/--accent/--bg/--on-primary, the font stacks, --ink/--muted/--ok,
   --radius and the background images from the brand config + theme pack, live, with no reload. */
:root {
  --primary: #ffcf4a; --accent: #ff7a2a; --bg: #0b0c10; --on-primary: #1a1204; --ok: #8be04a; --ink: #f6f3ee; --muted: #a39d94; --danger: #ff5c5c;
  --panel: color-mix(in srgb, color-mix(in srgb, var(--bg) 93%, white) 84%, transparent); --line: rgba(255, 255, 255, 0.14); --radius: 16px;
  --gold: var(--primary); --ember: var(--accent); --moss: var(--ok); --teal: #1fb28a;
  --display: 'Orbitron', 'Inter', system-ui, sans-serif; --condensed: 'Barlow Condensed', 'Inter', system-ui, sans-serif; --body: 'Inter', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace;
  --wordmark-spacing: 0.26em; --booth-bg: url('/assets/img/booth-bg.jpg'); --wall-bg: url('/assets/img/wall-bg.jpg');
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--body); -webkit-font-smoothing: antialiased; }
button { font-family: inherit; }
.wordmark { display: inline-flex; align-items: center; font-family: var(--display); font-weight: 800; letter-spacing: var(--wordmark-spacing); line-height: 1; white-space: nowrap; }
.wordmark img { display: block; width: auto; }