/* Kansai private railways, "mystery lines": the same after-last-train night as the Kanto
   edition, but in Hankyu maroon with a gilt stamp, like an old Kansai station hall. */
:root[data-city="kansai-shitetsu"] {
  color-scheme: dark;
  --ground: #170a0d;
  --surface: #261218;
  --ink: #f4eadb;
  --ink-soft: #bba696;
  --rule: #4a2a31;
  --rail-off: #46272e;
  --stamp: #d1aa5c;
  --signal: #ffd25e;
  --ok: #8fdca8;
  --warn: #f2b45c;
  --ticket: #2e161c;
  --tone-color: rgb(209 170 92 / 0.10);
  --font-display: "Kaisei Decol", "BIZ UDPGothic", serif;
}

:root[data-city="kansai-shitetsu"] body {
  background:
    radial-gradient(1100px 600px at 15% -10%, rgb(128 24 40 / 0.35), transparent 60%),
    radial-gradient(900px 500px at 110% 110%, rgb(209 170 92 / 0.08), transparent 60%),
    var(--ground);
}
:root[data-city="kansai-shitetsu"] .masthead { border-top: 3px solid var(--stamp); }
:root[data-city="kansai-shitetsu"] .edition-code { border: 1.5px solid var(--stamp); color: var(--stamp); background: transparent; letter-spacing: 0.2em; }
:root[data-city="kansai-shitetsu"] .title { letter-spacing: 0.04em; text-shadow: 0 0 18px rgb(209 170 92 / 0.3); }
:root[data-city="kansai-shitetsu"] .title::before { opacity: 0.25; }
:root[data-city="kansai-shitetsu"] .cities a[aria-current] { background: var(--stamp); color: var(--ground); }
:root[data-city="kansai-shitetsu"] .linestrip span { filter: saturate(0.4) brightness(0.8); }
:root[data-city="kansai-shitetsu"] .btn-ink { background: var(--stamp); color: var(--ground); border-color: var(--stamp); }
:root[data-city="kansai-shitetsu"] .btn-ink:hover { background: #e2c07a; }

/* Line roundels stay white like real number plates, so their text stays dark. */
:root[data-city="kansai-shitetsu"] .roundel { color: #1d2233; }
:root[data-city="kansai-shitetsu"] .roundel.blank { color: #575d6b; }

/* Unnamed stations sink into the dark; named ones glow. */
:root[data-city="kansai-shitetsu"] #map .st { fill: var(--ground); stroke: #5a3a41; }
:root[data-city="kansai-shitetsu"] #map .st.on { fill: var(--ink); stroke: var(--stamp); }
:root[data-city="kansai-shitetsu"] #map .st.miss { fill: var(--surface); }

@media (min-width: 901px) {
  :root[data-city="kansai-shitetsu"] .mapwrap { height: 100dvh; position: sticky; top: 0; }
}