/* Direction: abandoned-mall survival horror — soot black, sick green light, blood red */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  color-scheme: dark;
  --canvas: #0a0c0b;
  --surface: #131715;
  --surface-2: #161817;
  --border: #2b332e;
  --border-strong: #545554;
  --ink: #e9ede6;
  --muted: #9aa59c;
  --accent: #b3202a;
  --accent-hover: #be414a;
  --accent-ink: #ffffff;
  --accent-text: #ff6b6b;
  --accent-strong: #cd6c72;
  --accent-soft: #2f1012;
  --accent-border: #561519;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #0c2616;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2f1c0b;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #31100f;
  --danger-strong: #d16969;
  --chart-1: #c13036;
  --chart-2: #ab811e;
  --chart-3: #209a2a;
  --chart-4: #0f949e;
  --chart-5: #4679eb;
  --chart-6: #b858c2;

  --font-display: "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: 0.04em;
  --radius-card: 6px;
  --radius-btn: 4px;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f4f2f3;
  --border: #dfdcdc;
  --border-strong: #bab4b4;
  --ink: #0a0c0b;
  --muted: #6c6d6d;
  --accent: #b3202a;
  --accent-hover: #981b24;
  --accent-ink: #ffffff;
  --accent-text: #b3202a;
  --accent-strong: #b3202a;
  --accent-soft: #f4e0e1;
  --accent-border: #dd9b9f;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #e3f0e8;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f6eae1;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f7e4e4;
  --danger-strong: #b91c1c;
  --chart-1: #b3202a;
  --chart-2: #9e7505;
  --chart-3: #0a5e14;
  --chart-4: #148690;
  --chart-5: #1640ae;
  --chart-6: #ab4bb5;
}

#game { touch-action: none; display: block; }
#stage { -webkit-user-select: none; user-select: none; }
.title-flicker { animation: title-flicker 7s infinite; text-shadow: 0 0 48px var(--accent); }
@keyframes title-flicker {
  0%, 91%, 100% { opacity: 1; }
  92% { opacity: 0.5; }
  93% { opacity: 1; }
  95% { opacity: 0.65; }
  96% { opacity: 1; }
}
.menu-rise { animation: menu-rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
@keyframes menu-rise {
  from { transform: translateY(24px); }
  to { transform: translateY(0); }
}
html.reduced-motion .title-flicker,
html.reduced-motion .menu-rise { animation: none; }