/* Master palette. All active UI styles reference these tokens. Card artwork is unchanged. */
:root {
  color-scheme: dark;
  --ui-bg: #13151a;
  --ui-surface: #20232b;
  --ui-raised: #2b303a;
  --ui-border: #444b59;
  --ui-muted: #aeb5c2;
  --ui-text: #f5f6f8;
  --ui-accent: #ff8979;
  --ui-accent-soft: #ffc3ba;
  --ui-on-accent: #201817;
  --ui-shadow: #000000;
  --surface: var(--ui-surface);
  --line: var(--ui-border);
  --muted: var(--ui-muted);
  --gold: var(--ui-accent);
  --green: var(--ui-text);
  --red: var(--ui-accent);
}
html,body{background-color:var(--ui-bg);color:var(--ui-text)}
button,input,select,summary,a{ -webkit-tap-highlight-color:transparent }
:focus-visible{outline-color:var(--ui-accent)!important}
input[type=checkbox]{accent-color:var(--ui-accent)}
.menu-label strong,.menu-heading h1,.lobby h1,.library h1{color:var(--ui-text)}
.library-button.primary,.button-primary,.in-match .action-button.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent)}
.menu-button.featured,.menu-button.selected{background:var(--ui-raised);border-color:var(--ui-accent)}
.menu-trail,.head-step,.kicker{color:var(--ui-accent)}
.lobby-screen{background:radial-gradient(ellipse at 50% 25%,var(--ui-raised),var(--ui-bg) 75%)}
.in-match{background:var(--ui-bg)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Real card Symbol assets keep their original colors and proportions. */
.card-symbol{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;line-height:1.4;white-space:nowrap}
body .symbol-icon{display:inline-block;width:26px;height:26px;min-width:26px;max-width:26px;flex:0 0 26px;object-fit:contain;vertical-align:middle;margin:0;align-self:center;border:0;border-radius:0;background:none;box-shadow:none}
.card-identity{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--ui-muted)}
.card-caption .card-symbol{white-space:normal;font-size:12px}
.symbol-filter-preview:empty{display:none}
.symbol-filter-preview{display:block;margin-top:5px;font-size:12px}
.skill-text{white-space:pre-wrap;line-height:1.8}
@media(max-width:600px){body .symbol-icon{width:24px;height:24px;min-width:24px;max-width:24px;flex-basis:24px}}