/* ==========================================================================
   Arcane Rift VR - site skin
   Palette derived from the key art (electric-blue rift, gold lettering on a
   deep blue ground). The live page carries no inline palette to copy from, so
   confirm these against the Drive masters before launch.
   ========================================================================== */

:root {
  --ink:        #0a0e18;
  --ink-2:      #0e1524;
  --panel:      #141d30;
  --panel-2:    #1b2740;
  --line:       rgba(140, 180, 255, .16);

  --text:       #eaf1ff;
  --text-dim:   #a9bad6;
  --text-faint: #75879f;

  --accent:      #4da6ff;   /* the rift */
  --accent-2:    #e0a84b;   /* the lettering */
  --accent-deep: #2f7fd4;
  --accent-warm: #e0a84b;
  --accent-ink:  #04101f;
}

/* --- store header --------------------------------------------------------
   Layout is shared; only the backdrop is specific to Arcane Rift VR. */

.store { position: relative; isolation: isolate; }
.store::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(900px 520px at 82% -15%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 62%),
    radial-gradient(900px 520px at -8% 4%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%);
}

.prose .lede + .lede { margin-top: 1.1rem; }
.ticks--inline {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  margin-top: 2rem;
  gap: .6rem 1.6rem;
}