@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url('assets/fonts/PretendardVariable.woff2?v=20261013-6') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/chakra-petch-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/chakra-petch-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/chakra-petch-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('assets/fonts/orbitron-variable.woff2') format('woff2');
}

/* Shared arcade surfaces; mode colors identify rules, not decoration. */
:root {
  --color-paper: #101923;
  --color-paper-2: #182430;
  --color-paper-3: #253544;
  --color-ink: #f1f5fa;
  --color-ink-2: #c6d1df;
  --color-muted: #a3b2c4;
  --color-rule: #344453;
  --color-primary: #e8eef6;
  --color-focus: #f3f7ff;
  --color-accent-ink: #101923;
  --color-classic: oklch(85% 0.12 210);
  --color-speed: oklch(80% 0.14 55);
  --color-sprint: oklch(85% 0.12 165);
  --color-puzzle: oklch(80% 0.12 300);
  --color-battle: oklch(88% 0.13 90);
  --color-error: oklch(80% 0.13 15);
  --surface-selected: var(--color-primary);
  --surface-score: color-mix(in oklch,var(--color-primary) 18%,var(--color-paper-2));
  --surface-panel: linear-gradient(180deg,color-mix(in oklch,var(--color-ink) 3%,var(--color-paper)),var(--color-paper));
  --shadow-panel: 0 24px 80px color-mix(in oklch,var(--color-paper) 70%,transparent);
  --shadow-board: 0 16px 48px color-mix(in oklch,var(--color-paper) 65%,transparent);
  --size-primary-preview: 72px;
  --type-result: 40px;
  --font-body: 'Pretendard', 'Segoe UI', -apple-system, sans-serif;
  --font-display: 'Orbitron', 'Pretendard', sans-serif;
  --font-mono: 'Chakra Petch', monospace;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --radius-control: 10px;
  --radius-panel: 16px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-short: 160ms;
}