/* Shinkansen: the blue-and-ivory station departure board, with a vermilion speed stripe. */
:root[data-city="shinkansen"] {
  --ground: #eef2f0;
  --surface: #fffefa;
  --ink: #102a46;
  --ink-soft: #486078;
  --rule: #b8c8ce;
  --rail-off: #aabdc5;
  --stamp: #c84938;
  --signal: #e2ad4a;
  --ticket: #e3edeb;
  --font-display: "Zen Kaku Gothic New", "BIZ UDPGothic", sans-serif;
  --tone: repeating-linear-gradient(135deg, transparent 0 12px, rgb(28 75 111 / 0.08) 12px 13px, transparent 13px 25px);
}

:root[data-city="shinkansen"] .masthead {
  border-top: 7px solid var(--ink);
  box-shadow: inset 0 4px 0 var(--surface), inset 0 8px 0 var(--stamp);
  padding-top: 26px;
}
:root[data-city="shinkansen"] .edition-code {
  border: 2px solid var(--ink);
  border-radius: 2px;
  color: var(--ink);
  box-shadow: 4px 4px 0 #d7e1e3;
}
:root[data-city="shinkansen"] .title { font-weight: 900; letter-spacing: 0.015em; }
:root[data-city="shinkansen"] .title::before {
  transform: translate(0.055em, 0.075em);
  background: repeating-linear-gradient(90deg, var(--stamp) 0 18px, transparent 18px 23px);
  -webkit-background-clip: text;
  background-clip: text;
}
:root[data-city="shinkansen"] .cities a[aria-current] {
  background: var(--ink);
  box-shadow: inset 0 -3px 0 var(--stamp);
}
:root[data-city="shinkansen"] .linestrip { height: 7px; gap: 2px; }
:root[data-city="shinkansen"] .linestrip span { border-radius: 0; }
:root[data-city="shinkansen"] .btn-ink:hover { background: #1e4d70; }

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