/* Retro arcade palette. Wheel-specific tokens preserve the original machine.
   Change these roles to reskin the entire arcade without touching the game. */
@font-face { font-family: 'Arcade Pixel'; src: url('/arcade/fonts/PressStart2P-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Arcade Sora'; src: url('/arcade/fonts/Sora-variable.ttf') format('truetype'); font-weight: 100 800; font-style: normal; font-display: swap; }
:root {
  --arcade-font: Arial, Helvetica, sans-serif;
  --arcade-heading-font: 'Arcade Pixel', 'Wheel Mono', monospace;
  --arcade-pixel-font: 'Arcade Pixel', 'Wheel Mono', monospace;
  --arcade-wash: #00000000;
  --arcade-device-bg: #071013;
  --arcade-device-ink: #94aab2;
  --arcade-device-rule: #233d46;
  --arcade-ground: #080f14;
  --arcade-inset: #0b181f;
  --arcade-surface: #10232b;
  --arcade-raised: #19333d;
  --arcade-border: #2b4854;
  --arcade-border-strong: #607d88;
  --arcade-ink: #e4eff2;
  --arcade-soft: #cadce2;
  --arcade-muted: #aac0c9;
  --arcade-faint: #91a9b4;
  --arcade-brand: #86c8dd;
  --arcade-brand-light: #c2ebf4;
  --arcade-metal: #cbd9df;
  --arcade-metal-shadow: #526974;
  --arcade-key-ink: #07141a;
  --arcade-grid: #29435135;
  --arcade-world-sky: #0b1820;
  --arcade-reading-surface: #0b181fed;
  --arcade-reading-soft: #0b181fd9;
  --arcade-error: #eca4a9;
  --arcade-wheel-common: #9b9da7;
  --arcade-wheel-uncommon: #59a5f7;
  --arcade-wheel-rare: #67d5a6;
  --arcade-wheel-epic: #9d7bef;
  --arcade-wheel-legendary: #f39850;
  --arcade-tier-common: var(--arcade-wheel-common);
  --arcade-tier-uncommon: var(--arcade-wheel-uncommon);
  --arcade-tier-rare: var(--arcade-wheel-rare);
  --arcade-tier-epic: var(--arcade-wheel-epic);
  --arcade-tier-legendary: var(--arcade-wheel-legendary);
  /* Collection card accents (presentation only; catalog accents stay as published). */
  --arcade-collection-blue-chip: #59a5f7;
  --arcade-collection-neet: #9d7bef;
  --arcade-collection-zcash: #f4b728;
  --arcade-screen-ink: #f3f8f8;
  --arcade-screen-accent: #69aac1;
  --arcade-screen-background: #040b0e;
  --arcade-screen-highlight: #12252c;
  --arcade-screen-bezel-top: #273139;
  --arcade-screen-bezel-middle: #10191e;
  --arcade-screen-bezel-bottom: #1d252b;
  /* Blue steel to match the chains that hold the box (user request, 29 Sep 2026). */
  --arcade-case-filter: grayscale(1) sepia(.7) hue-rotate(190deg) saturate(2.8) brightness(1.08) contrast(1.05);
  /* The spin cap glows in the legendary tier's orange (user request, 30 Sep 2026). */
  --arcade-cap-filter: grayscale(1) sepia(1) saturate(2.8) hue-rotate(-22deg) brightness(1.08);
}

/* Pixel supplies page roles only: wheel/screen/device colours stay Steel. */
:root[data-arcade-theme='pixel'] {
  --arcade-font: 'Wheel Mono', monospace;
  --arcade-ground: #17164b;
  --arcade-inset: #201f5c;
  --arcade-surface: #292970;
  --arcade-raised: #373585;
  --arcade-border: #6462a9;
  --arcade-border-strong: #a6a0ed;
  --arcade-ink: #f8f5ff;
  --arcade-soft: #e6e1ff;
  --arcade-muted: #d1ccef;
  --arcade-faint: #bcb5df;
  --arcade-brand: #66f2e2;
  --arcade-brand-light: #adfff3;
  --arcade-metal: #ffe66d;
  --arcade-metal-shadow: #aa8132;
  --arcade-key-ink: #17164b;
  --arcade-grid: #343277;
  --arcade-reading-surface: #201f5ced;
  --arcade-reading-soft: #201f5cd9;
  --arcade-error: #ffa2c4;
  --pixel-pink: #ff72b7;
  --pixel-yellow: #ffe66d;
  --pixel-shadow: #090925;
  --pixel-edge: #090925;
  --pixel-pink-panel: #462453;
}