/* METEORS ARENA: hot vector orange and cyan on deep space while you are in its lobby or a round. Shell styles live
   in platform/platform.css and the rule chips under the lobby (.rules) in invaders/style.css; this only overrides the
   variables and tints the chips. */
body[data-theme="meteors"] {
  --bg: #04030c;
  --accent: #ff9a3c;
  --accent-hi: #ffe2c4;
  --accent-lo: #a3501a;
  --accent-ink: #2b1203;
  --accent2: #4df3ff;
  --cyan: #4df3ff;
  --glow-a: rgba(255, 154, 60, 0.6);
  --glow-a2: rgba(255, 90, 40, 0.4);
  --glow-b: rgba(77, 243, 255, 0.6);
  --glow-b2: rgba(40, 140, 255, 0.4);
  --border: #2e6fb8;
  --panel: rgba(6, 6, 22, 0.86);
  --card: rgba(4, 4, 18, 0.6);
}
body[data-theme="meteors"] h2 { color: var(--accent); text-shadow: 0 0 8px var(--accent); }
body[data-theme="meteors"] .card { border-color: rgba(46, 111, 184, 0.6); }
body[data-theme="meteors"] .rules li { border-radius: 2px; background: rgba(4, 6, 20, 0.5); }