/* Sprint 13 — `arcade` legacy theme.
 *
 * Cyberpunk neon-on-deep-blue palette. Migrated from
 * public/styles/themes.css (Sprint 7 legacy axis).
 *
 * Self-contained per the Sprint 13 refactor contract: every theme
 * file ships all 13 primary tokens + card-back tokens.
 *
 * Authoring note: don't put leading `--name:` in comments — the L5
 * contrast linter regex matches the first occurrence.
 */

body[data-theme="arcade"] {
  --bg:          #050018;
  --paper:       #080b22;
  --ink:         #f5fbff;
  --ink-soft:    #9bddea;
  --felt-mid:    #10255d;
  --card-bg:     #f6fbff;
  --card-border: #bed8e8;
  --red:         #e34380;
  --spade:       #080b22;
  --accent:      #4afff0;
  --team-ns:     #4afff0;
  --team-ew:     #ffdc4a;
  --amber:       #f59e0b;
  --ink-on-team-ns: #000;
  --ink-on-team-ew: #000;
  /* Sprint 13 bespoke card back — 8-bit pixel arcade. Dark navy
     checkerboard, neon-pink pixel-art spade dead-center, neon-yellow
     frame. shape-rendering=crispEdges keeps every pixel sharp at
     any card size (no AA on the chunky squares). */
  --card-back-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 144' shape-rendering='crispEdges'%3E%3Cdefs%3E%3Cpattern id='px' x='0' y='0' width='12' height='12' patternUnits='userSpaceOnUse'%3E%3Crect width='6' height='6' fill='%232a2a5a'/%3E%3Crect x='6' y='6' width='6' height='6' fill='%232a2a5a'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='144' fill='%231a1a3a'/%3E%3Crect width='100' height='144' fill='url(%23px)'/%3E%3Cg fill='%23ff2a6d'%3E%3Crect x='45' y='52' width='10' height='6'/%3E%3Crect x='39' y='58' width='22' height='6'/%3E%3Crect x='33' y='64' width='34' height='6'/%3E%3Crect x='28' y='70' width='44' height='12'/%3E%3Crect x='33' y='82' width='34' height='6'/%3E%3Crect x='33' y='88' width='14' height='6'/%3E%3Crect x='53' y='88' width='14' height='6'/%3E%3Crect x='44' y='94' width='12' height='4'/%3E%3Crect x='40' y='98' width='20' height='4'/%3E%3C/g%3E%3Crect x='3' y='3' width='94' height='138' fill='none' stroke='%23ffdc4a' stroke-width='2'/%3E%3Crect x='8' y='8' width='84' height='128' fill='none' stroke='%23ff2a6d' stroke-width='1' opacity='0.6'/%3E%3C/svg%3E");
  --card-back-size: 100% 100%;
  --card-back-repeat: no-repeat;
  --card-back-position: center;
  --card-back-mask: none;
  --card-emblem-display: none;
}