/* CORE SEEKER / Live Atlas — styles stay inside the atlas namespace. */
.core-live-atlas-page {
  --atlas-bg: #09060d;
  --atlas-panel: #130c19;
  --atlas-panel-raised: #1a1022;
  --atlas-ink: #f4edf7;
  --atlas-soft: #d4c5dd;
  --atlas-muted: #b29ebc;
  --atlas-line: #38253f;
  --atlas-line-strong: #67466f;
  --atlas-purple: #a54ac4;
  --atlas-lilac: #dfb2f0;
  --atlas-pink: #f23b68;
  --atlas-gold: #edca92;
  --atlas-focus: #ffe0f0;
  --atlas-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --atlas-body: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --atlas-display: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  margin: 0;
  background: var(--atlas-bg);
  color: var(--atlas-ink);
  font-family: var(--atlas-body);
  font-size: 16px;
  line-height: 1.7;
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
}

.core-live-atlas-page *,
.core-live-atlas-page *::before,
.core-live-atlas-page *::after { box-sizing: border-box; }

.core-live-atlas-page :where(button, input, select) { font: inherit; }
.core-live-atlas-page :where(button, select, input) { max-width: 100%; }
.core-live-atlas-page :where(button, a, input, select) { -webkit-tap-highlight-color: transparent; }
.core-live-atlas-page button { cursor: pointer; }
.core-live-atlas-page button:disabled { cursor: default; }
.core-live-atlas-page a { color: inherit; text-underline-offset: .2em; }
.core-live-atlas-page a:hover { color: var(--atlas-lilac); }
.core-live-atlas-page :where(a, button, input, select):focus-visible {
  outline: 3px solid var(--atlas-focus);
  outline-offset: 3px;
}
.core-live-atlas-page :where(h1, h2, h3, p) { margin-top: 0; }
.core-live-atlas-page [hidden] { display: none !important; }
.core-live-atlas-page ::selection { background: #76478a; color: #fff; }

.atlas-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}
.atlas-skip {
  position: absolute;
  z-index: 20;
  top: .75rem;
  left: 1rem;
  padding: .7rem 1rem;
  background: var(--atlas-ink);
  color: var(--atlas-bg) !important;
  transform: translateY(-180%);
}
.atlas-skip:focus { transform: translateY(0); }

.atlas-site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  min-height: 5.2rem;
  padding: 1rem max(1.25rem, calc((100vw - 1360px) / 2));
  border-bottom: 1px solid var(--atlas-line);
}
.atlas-brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: .7rem;
  text-decoration: none;
  line-height: 1.35;
}
.atlas-brand-symbol {
  position: relative;
  display: block;
  width: 1.3rem;
  height: 1.6rem;
  border: 1px solid var(--atlas-purple);
}
.atlas-brand-symbol::after {
  content: "";
  position: absolute;
  width: .5rem;
  height: .5rem;
  right: -.22rem;
  bottom: .2rem;
  background: var(--atlas-pink);
}
.atlas-brand small { display: block; font: .56rem var(--atlas-mono); letter-spacing: .22em; color: var(--atlas-muted); }
.atlas-brand strong { font: 600 1rem var(--atlas-mono); letter-spacing: .07em; }
.atlas-site-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 1.6rem; font-size: .76rem; }
.atlas-site-nav a { min-height: 2.75rem; display: inline-flex; align-items: center; gap: .3rem; text-decoration: none; color: var(--atlas-soft); }
.atlas-site-nav a:last-child { font-family: var(--atlas-mono); font-size: .72rem; letter-spacing: .04em; }

.atlas-main { width: min(100%, 1440px); margin-inline: auto; padding: 1.55rem 2.5rem 4rem; }
.atlas-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-bottom: 2.6rem; color: var(--atlas-muted); font-size: .66rem; }
.atlas-breadcrumb a { text-decoration: none; }
.atlas-breadcrumb > span[aria-hidden] { color: #765d82; }
.atlas-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2rem; margin-bottom: 2.3rem; }
.atlas-kicker { display: block; margin: 0 0 .5rem; color: var(--atlas-lilac); font: .63rem/1.6 var(--atlas-mono); letter-spacing: .17em; }
.atlas-kicker > span { margin-inline: .6rem; color: #84618e; }
.atlas-hero h1 { margin: .25rem 0 .9rem; font: 500 clamp(2.1rem, 3.4vw, 3.15rem)/1.3 var(--atlas-display); letter-spacing: .04em; }
.atlas-title-dot { color: var(--atlas-pink); }
.atlas-lead { margin: 0; color: var(--atlas-soft); font-size: .88rem; line-height: 1.95; }
.atlas-record-stamp { display: flex; align-items: flex-start; gap: .6rem; padding-bottom: .15rem; color: var(--atlas-muted); font: .6rem/1.7 var(--atlas-mono); letter-spacing: .07em; }
.atlas-record-stamp strong { display: block; margin-block: .22rem; color: var(--atlas-soft); font-size: .96rem; letter-spacing: .06em; font-weight: 400; }
.atlas-record-stamp small { display: block; font: .63rem/1.6 var(--atlas-body); letter-spacing: 0; }
.atlas-status-light { width: .36rem; height: .36rem; flex: 0 0 auto; margin-top: .34rem; background: var(--atlas-lilac); border-radius: 50%; }
.atlas-notice { margin: 1.3rem 0; border: 1px solid var(--atlas-gold); padding: 1rem; color: var(--atlas-gold); font-size: .88rem; overflow-wrap: anywhere; }
.atlas-preview-banner { margin: 0; padding: .5rem max(1.25rem, calc((100vw - 1360px) / 2)); border-bottom: 1px solid #54315f; background: #291632; color: #dfc6e9; font-size: .75rem; line-height: 1.7; overflow-wrap: anywhere; }

.atlas-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 1.5rem; border: 1px solid var(--atlas-line); border-radius: .35rem; background: var(--atlas-panel); }
.atlas-stat { min-width: 0; padding: 1.25rem 1.5rem 1.15rem; }
.atlas-stat + .atlas-stat { border-left: 1px solid var(--atlas-line); }
.atlas-stat > span { display: block; color: var(--atlas-soft); font-size: .75rem; }
.atlas-stat p { display: flex; align-items: baseline; gap: .6rem; margin: .4rem 0 .15rem; }
.atlas-stat p strong { color: var(--atlas-ink); font: 500 clamp(2.15rem, 3.6vw, 3.2rem)/1.2 var(--atlas-mono); letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.atlas-stat-featured p strong { color: var(--atlas-lilac); }
.atlas-stat p > span { color: var(--atlas-muted); font-size: .75rem; }
.atlas-stat > small { display: block; color: var(--atlas-muted); font-size: .64rem; line-height: 1.7; }
.atlas-text-button { padding: .2rem 0; min-height: 1.75rem; border: 0; background: transparent; color: var(--atlas-soft); font-size: .67rem; text-align: left; text-decoration: underline; text-underline-offset: .3em; }
.atlas-text-button:hover { color: var(--atlas-lilac); }

.atlas-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .9rem 1.25rem; padding: 1.15rem 1.25rem; border: 1px solid var(--atlas-line); border-radius: .35rem; background: #100a15; }
.atlas-kind-field { border: 0; padding: 0; margin: 0; min-width: 0; flex: 0 1 auto; }
.atlas-kind-field legend, .atlas-field > span:not(.atlas-sr-only) { display: block; margin-bottom: .38rem; color: var(--atlas-muted); font-size: .64rem; }
.atlas-segmented { display: flex; padding: .2rem; border: 1px solid var(--atlas-line); border-radius: .3rem; background: var(--atlas-bg); }
.atlas-segmented label { position: relative; display: flex; min-width: 0; }
.atlas-segmented input { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; opacity: 0; }
.atlas-segmented label > span { display: flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: .5rem .85rem; border: 1px solid transparent; border-radius: .2rem; color: var(--atlas-muted); font-size: .74rem; white-space: nowrap; cursor: pointer; }
.atlas-segmented input:checked + span { background: #3c224b; border-color: #6f4084; color: var(--atlas-ink); }
.atlas-segmented input:focus-visible + span { outline: 3px solid var(--atlas-focus); outline-offset: 2px; }
.atlas-check { display: flex; align-items: center; align-self: flex-end; gap: .55rem; min-height: 3rem; padding-inline: .1rem; color: var(--atlas-soft); font-size: .73rem; cursor: pointer; }
.atlas-check input { flex: 0 0 auto; width: 1rem; height: 1rem; margin: 0; accent-color: #a466bc; cursor: pointer; }
.atlas-check-dot, .atlas-gold-dot { display: inline-block; width: .34rem; height: .34rem; flex: 0 0 auto; border-radius: 50%; background: var(--atlas-gold); }
.atlas-field { display: block; min-width: 0; flex: 1 1 8rem; }
.atlas-field select { display: block; width: 100%; min-height: 3rem; padding: .58rem .65rem; border: 1px solid var(--atlas-line); border-radius: .25rem; background-color: var(--atlas-bg); color: var(--atlas-soft); font-size: .74rem; cursor: pointer; }
.atlas-field select:hover { border-color: var(--atlas-line-strong); }
.atlas-method-link { display: inline-flex; align-items: center; gap: .3rem; min-height: 3rem; color: var(--atlas-muted) !important; font-size: .7rem; text-decoration: none; }
.atlas-method-link:hover { color: var(--atlas-lilac) !important; }
.atlas-filter-caption { margin: .65rem .1rem 1.45rem; font-size: .66rem; color: var(--atlas-muted); line-height: 1.8; }

.atlas-next { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem 1.25rem; padding: .95rem 1.2rem; margin-bottom: 1.5rem; border: 1px solid #59452f; border-radius: .35rem; background: #181219; }
.atlas-next > p { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .75rem; }
.atlas-next .atlas-kicker { display: inline-block; margin: 0; color: var(--atlas-gold); font-size: .6rem; }
.atlas-next strong { font-size: .77rem; font-weight: 500; color: #eedbbc; }
.atlas-next > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.atlas-next button { padding: .3rem .65rem; min-height: 2.75rem; border: 1px solid #735b40; border-radius: .25rem; background: #241b20; color: var(--atlas-gold); font-size: .73rem; }
.atlas-next button:hover { background: #39292d; border-color: var(--atlas-gold); }
.atlas-next > small { margin-left: auto; font-size: .61rem; color: #c4ab8b; }

.atlas-workspace { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 1.5rem; align-items: start; }
.atlas-explorer, .atlas-detail { min-width: 0; border: 1px solid var(--atlas-line); border-radius: .35rem; background: var(--atlas-panel); }
.atlas-explorer { padding: 1.35rem; }
.atlas-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.atlas-panel-heading > div { min-width: 0; }
.atlas-panel-heading .atlas-kicker { margin-bottom: .3rem; font-size: .58rem; }
.atlas-panel-heading h2 { margin: 0; font-size: 1rem; line-height: 1.6; font-weight: 500; letter-spacing: .03em; }
.atlas-view-switch { display: flex; flex: 0 0 auto; padding: .15rem; border: 1px solid var(--atlas-line); border-radius: .25rem; background: var(--atlas-bg); }
.atlas-view-switch button { min-height: 2.5rem; padding: .45rem .65rem; border: 1px solid transparent; border-radius: .18rem; background: transparent; color: var(--atlas-muted); font-size: .68rem; }
.atlas-view-switch button[aria-pressed="true"] { background: #382042; border-color: #5f3a6d; color: var(--atlas-ink); }
.atlas-findbar { display: flex; align-items: center; gap: .5rem; }
.atlas-search { display: flex; align-items: center; flex: 1 1 10rem; min-width: 0; min-height: 2.75rem; padding-left: .65rem; border: 1px solid var(--atlas-line); border-radius: .25rem; background: var(--atlas-bg); }
.atlas-search > span[aria-hidden] { flex: 0 0 auto; color: var(--atlas-muted); font-size: 1.1rem; line-height: 1; }
.atlas-search input { display: block; width: 100%; min-width: 0; min-height: 2.75rem; padding: .55rem .5rem; border: 0; background: transparent; color: var(--atlas-ink); font-size: .74rem; }
.atlas-search input::placeholder { color: var(--atlas-muted); opacity: 1; }
.atlas-search:focus-within { outline: 2px solid var(--atlas-focus); outline-offset: 2px; }
.atlas-search input:focus-visible { outline: none; }
.atlas-field-compact { flex: 0 1 9.5rem; }
.atlas-field-compact select { min-height: 2.75rem; font-size: .7rem; }
.atlas-icon-button { flex: 0 0 2.75rem; width: 2.75rem; min-height: 2.75rem; border: 1px solid var(--atlas-line); border-radius: .25rem; background: var(--atlas-bg); color: var(--atlas-soft); font-size: 1.15rem; }
.atlas-icon-button:hover { border-color: var(--atlas-line-strong); color: #fff; }
.atlas-find-result { min-height: 1.2rem; margin: .4rem 0 .65rem; color: var(--atlas-muted); font-size: .64rem; line-height: 1.7; }
.atlas-legend { display: flex; flex-wrap: wrap; gap: .45rem .85rem; list-style: none; padding: 0; margin: 0 0 1.1rem; }
.atlas-legend li { display: inline-flex; align-items: center; gap: .35rem; color: var(--atlas-muted); font: .6rem/1.5 var(--atlas-mono); }
.atlas-legend li:last-child { font-family: var(--atlas-body); }
.atlas-legend i { display: inline-block; width: .7rem; height: .7rem; border: 1px solid; border-radius: .1rem; }

.atlas-tile-map {
  --map-columns: 12;
  display: grid;
  grid-template-columns: repeat(var(--map-columns), minmax(0, 1fr));
  grid-auto-rows: clamp(2.9rem, 4.5vw, 3.65rem);
  gap: .28rem;
  padding: .3rem .15rem .5rem;
  isolation: isolate;
}
.atlas-pref-tile {
  grid-column: var(--tile-col);
  grid-row: var(--tile-row);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .12rem;
  min-width: 0;
  min-height: 2.75rem;
  padding: .3rem .08rem;
  border: 1px solid;
  border-radius: .22rem;
  background: #100c16;
  color: var(--atlas-ink);
  line-height: 1.25;
  text-align: center;
  transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
  touch-action: manipulation;
}
.atlas-pref-name { display: block; max-width: 100%; font-size: clamp(.63rem, .82vw, .69rem); font-weight: 500; white-space: nowrap; letter-spacing: -.025em; }
.atlas-pref-count { display: block; font: 500 clamp(.95rem, 1.5vw, 1.35rem)/1.1 var(--atlas-mono); letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.atlas-planned-dot { position: absolute; width: .3rem; height: .3rem; top: .2rem; right: .2rem; border-radius: 50%; background: var(--atlas-gold); box-shadow: 0 0 0 1px #27172e; }
.atlas-pref-tile[data-level="0"], .atlas-legend i[data-level="0"] { background: #100c16; border-color: #45334e; color: #bbaac5; }
.atlas-pref-tile[data-level="1"], .atlas-legend i[data-level="1"] { background: #2d1d39; border-color: #674478; color: #e6d7ed; }
.atlas-pref-tile[data-level="2"], .atlas-legend i[data-level="2"] { background: #542c66; border-color: #9263a6; color: #f8eaff; }
.atlas-pref-tile[data-level="3"], .atlas-legend i[data-level="3"] { background: #87489d; border-color: #c88ae0; color: #fff6ff; }
.atlas-pref-tile[data-level="planned"], .atlas-legend i[data-level="planned"] { background: #251b25; border-color: #d2ab72; border-style: dashed; color: var(--atlas-gold); }
.atlas-pref-tile[data-dimmed="true"] { background: #100d15; border-color: #302438; color: #aa9ab3; }
.atlas-pref-tile:not(:disabled):hover { border-color: var(--atlas-lilac); transform: translateY(-1px); }
.atlas-pref-tile[data-selected="true"], .atlas-pref-tile[aria-pressed="true"] { z-index: 1; outline: 2px solid #ff7fa5; outline-offset: 2px; border-color: #ffb7cf; }
.atlas-pref-tile:focus-visible { z-index: 2; outline: 3px solid var(--atlas-focus); outline-offset: 3px; }
.atlas-region-map { display: none; }
.atlas-region-group + .atlas-region-group { margin-top: 1.25rem; }
.atlas-region-group h3 { margin: 0 0 .55rem; color: var(--atlas-muted); font-size: .67rem; font-weight: 500; letter-spacing: .09em; }
.atlas-region-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; }
.atlas-region-tiles .atlas-pref-tile { grid-column: auto; grid-row: auto; min-height: 3.75rem; padding: .45rem .15rem; gap: .24rem; }
.atlas-region-tiles .atlas-pref-name { font-size: .76rem; letter-spacing: .01em; }
.atlas-region-tiles .atlas-pref-count { font-size: 1.2rem; }
.atlas-region-tiles .atlas-planned-dot { top: .33rem; right: .33rem; width: .32rem; height: .32rem; }
.atlas-map-caption { margin: 1.25rem 0 0; color: var(--atlas-muted); font-size: .61rem; line-height: 1.9; }
.atlas-map-caption .atlas-gold-dot { vertical-align: .1em; margin-inline: .2rem; }
.atlas-mobile-caption { display: none; }

.atlas-table-tools { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1rem; }
.atlas-table-tools .atlas-field { max-width: 12rem; }
.atlas-outline-button { display: inline-flex; justify-content: center; align-items: center; gap: .6rem; min-height: 2.75rem; padding: .55rem .8rem; border: 1px solid var(--atlas-line-strong); border-radius: .25rem; background: transparent; color: var(--atlas-soft); font-size: .7rem; line-height: 1.55; text-decoration: none; text-align: center; }
.atlas-outline-button:hover { background: #261630; border-color: #bc82d0; color: var(--atlas-ink); }
.atlas-table-scroll { max-width: 100%; }
.atlas-table { border-collapse: collapse; width: 100%; table-layout: fixed; font-size: .74rem; }
.atlas-table th { padding: .8rem .3rem; border-bottom: 1px solid var(--atlas-line-strong); color: var(--atlas-muted); text-align: right; font-size: .65rem; font-weight: 400; line-height: 1.45; }
.atlas-table th:first-child { width: 42%; text-align: left; padding-left: .6rem; }
.atlas-table th small { color: var(--atlas-muted); font-size: .58rem; }
.atlas-table td { padding: .25rem .3rem; border-bottom: 1px solid #2d1e35; text-align: right; vertical-align: middle; font-family: var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-table td:first-child { text-align: left; font-family: var(--atlas-body); }
.atlas-table tr[data-selected="true"] > td { background: #2d1938; }
.atlas-table tr[data-selected="true"] > th { background: #2d1938; }
.atlas-table-pref button { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .3rem .4rem; width: 100%; min-height: 2.75rem; padding: .4rem .25rem; border: 0; background: transparent; color: var(--atlas-soft); font-size: .76rem; text-align: left; }
.atlas-table-pref button:hover { color: var(--atlas-lilac); }
.atlas-table-pref button > span { flex-basis: 100%; color: var(--atlas-muted); font-size: .65rem; }
.atlas-table-count { color: var(--atlas-lilac); font-weight: 600; font-variant-numeric: tabular-nums; }
.atlas-mini-tag { display: inline-block; padding: .13rem .3rem; border: 1px solid #775a37; border-radius: .17rem; color: var(--atlas-gold); font: .56rem/1.4 var(--atlas-body); white-space: nowrap; }

.atlas-detail { position: sticky; top: 1.25rem; padding: 1.5rem; min-height: 26rem; max-height: calc(100vh - 2.5rem); max-height: calc(100svh - 2.5rem); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #65426e var(--atlas-panel); scroll-margin-top: 5rem; }
.atlas-detail:focus-visible { outline: 2px solid var(--atlas-focus); outline-offset: 3px; }
.atlas-detail :where(h2, h3, p, a, li) { overflow-wrap: anywhere; }
.atlas-detail h2 { font-family: var(--atlas-display); font-size: 1.75rem; font-weight: 500; line-height: 1.5; }
.atlas-detail h3 { font-size: .92rem; font-weight: 500; }
.atlas-detail p { color: var(--atlas-soft); font-size: .79rem; line-height: 1.85; }
.atlas-detail .atlas-kicker { color: var(--atlas-lilac); font-size: .6rem; }
.atlas-detail-welcome h2 { margin: .65rem 0 .9rem; font-size: 1.7rem; line-height: 1.6; letter-spacing: .015em; }
.atlas-detail-welcome > p { margin-bottom: .7rem; }
.atlas-detail-welcome > h3 { margin: 1rem 0 .6rem; color: var(--atlas-soft); font-size: .73rem; }
.atlas-detail-welcome > h3 > span { margin-left: .45rem; color: var(--atlas-lilac); font-family: var(--atlas-mono); }
.atlas-orbit { position: relative; height: 4.5rem; width: 9rem; margin: 1.6rem auto; opacity: .65; }
.atlas-orbit > span { position: absolute; top: 1.2rem; left: 1.2rem; width: 6.6rem; height: 2.2rem; border: 1px solid #654176; border-radius: 50%; transform: rotate(-25deg); }
.atlas-orbit > span:nth-child(2) { transform: rotate(25deg); border-color: #46284f; }
.atlas-orbit > i { position: absolute; top: 2.05rem; left: 4.3rem; width: .35rem; height: .35rem; border-radius: 50%; background: var(--atlas-pink); }
.atlas-pref-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.atlas-pref-chips button { padding: .4rem .7rem; min-height: 2.75rem; border: 1px solid var(--atlas-line-strong); border-radius: .2rem; background: #100b16; color: var(--atlas-soft); font-size: .7rem; }
.atlas-pref-chips button:hover { background: #2b1834; border-color: #ab77bd; color: var(--atlas-ink); }
.atlas-detail .atlas-detail-footnote { padding-top: 1rem; margin: 1.3rem 0 0; border-top: 1px solid var(--atlas-line); font-size: .65rem; color: var(--atlas-muted); }
.atlas-detail-topline { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .6rem; }
.atlas-detail-topline .atlas-kicker { margin: 0; }
.atlas-back-to-map { display: none; }
.atlas-detail-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem .85rem; }
.atlas-detail-heading h2 { margin: 0; font-size: 1.8rem; letter-spacing: .06em; }
.atlas-state-badge { padding: .22rem .5rem; border: 1px solid #694772; border-radius: .2rem; color: #d5b5e1; font-size: .6rem; line-height: 1.5; }
.atlas-state-badge.is-planned { border-color: #b48a53; border-style: dashed; color: var(--atlas-gold); }
.atlas-detail-count { display: flex; align-items: center; gap: 1rem; margin: .9rem 0 1.2rem; }
.atlas-detail-count > strong { font: 500 3.35rem/1.1 var(--atlas-mono); letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--atlas-lilac); }
.atlas-detail-count > span { color: var(--atlas-soft); font-size: .78rem; }
.atlas-detail-count small { display: block; margin-top: .2rem; color: var(--atlas-muted); font-size: .6rem; }
.atlas-detail-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: .8rem 0; border-top: 1px solid var(--atlas-line); border-bottom: 1px solid var(--atlas-line); }
.atlas-detail-metrics > div { min-width: 0; }
.atlas-detail-metrics > div + div { padding-left: 1.25rem; border-left: 1px solid var(--atlas-line); }
.atlas-detail-metrics dt { color: var(--atlas-muted); font-size: .64rem; }
.atlas-detail-metrics dd { margin: .25rem 0 0; color: var(--atlas-soft); font: 1.22rem/1.4 var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-detail-metrics > div:last-child dd { color: var(--atlas-gold); }
.atlas-detail-metrics dd small { margin-left: .45rem; color: var(--atlas-muted); font: .59rem var(--atlas-body); }
.atlas-detail .atlas-first-date { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: .25rem .65rem; margin: .7rem 0 1.3rem; font-size: .65rem; }
.atlas-first-date > span { color: var(--atlas-muted); }
.atlas-first-date time { color: var(--atlas-soft); font: .71rem var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-record-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) 5.8rem; align-items: end; gap: .5rem; margin-top: 1.3rem; }
.atlas-record-toolbar .atlas-field-compact select { font-size: .66rem; padding-inline: .45rem; }
.atlas-record-toolbar .atlas-search input { font-size: .69rem; }
.atlas-record-toolbar input:disabled { color: var(--atlas-muted); cursor: default; }
.atlas-detail .atlas-record-result { min-height: 1.1rem; margin: .45rem 0 .2rem; color: var(--atlas-muted); font-size: .61rem; }
.atlas-no-records { padding-block: 1.2rem .25rem; }
.atlas-no-records h3 { margin-bottom: .65rem; font-size: .86rem; }
.atlas-no-records p { margin-bottom: .9rem; font-size: .73rem; }
.atlas-year-group { margin-top: 1.35rem; }
.atlas-year-group > h3 { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; padding: 0 0 .65rem; margin: 0; border-bottom: 1px solid var(--atlas-line-strong); color: var(--atlas-soft); font: .9rem/1.5 var(--atlas-mono); }
.atlas-year-group > h3 > span { color: var(--atlas-muted); font: .61rem var(--atlas-body); }
.atlas-record-list { list-style: none; padding: 0; margin: 0; }
.atlas-record { min-width: 0; padding: 1rem 0 .75rem; border-bottom: 1px solid var(--atlas-line); }
.atlas-record:last-child { border-bottom: 0; }
.atlas-record.is-planned { padding: .85rem .8rem .55rem; margin: .7rem 0; border: 1px solid #645034; border-radius: .25rem; background: #21171d; }
.atlas-record-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .45rem; }
.atlas-record-meta time { color: #e6d7ee; font: .72rem/1.6 var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-record-meta time > span { color: var(--atlas-muted); font: .59rem var(--atlas-body); }
.atlas-show-slot { padding: .1rem .32rem; border: 1px solid #65446e; border-radius: .15rem; color: var(--atlas-soft); font-size: .58rem; line-height: 1.5; }
.atlas-record-badge { margin-left: auto; padding: .13rem .35rem; border: 1px solid #52355e; border-radius: .15rem; color: #c4a5d1; font: .55rem/1.5 var(--atlas-body); white-space: nowrap; }
.atlas-record-badge.is-planned { border-color: #9b7748; color: var(--atlas-gold); }
.atlas-record h4 { margin: .6rem 0 .45rem; color: var(--atlas-ink); font-size: .83rem; font-weight: 500; line-height: 1.8; overflow-wrap: anywhere; }
.atlas-record.is-planned h4 { color: #f1e2c7; }
.atlas-detail .atlas-record-venue { margin: .25rem 0; color: var(--atlas-soft); font-size: .72rem; line-height: 1.7; }
.atlas-detail .atlas-record-location { margin: .25rem 0; color: var(--atlas-muted); font-size: .61rem; line-height: 1.8; }
.atlas-record-location > span { margin-inline: .2rem; }
.atlas-record-footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem 1rem; margin-top: .25rem; font-size: .63rem; }
.atlas-record-footer > a { display: inline-flex; align-items: center; gap: .25rem; min-height: 2.75rem; color: var(--atlas-lilac); text-decoration-color: #7f548e; }
.atlas-record-footer > span { color: var(--atlas-muted); }
.atlas-record-notes { min-width: 0; color: var(--atlas-muted); }
.atlas-record-notes summary { min-height: 2.75rem; line-height: 2.75rem; font-size: .62rem; cursor: pointer; }
.atlas-record-notes summary:hover { color: var(--atlas-lilac); }
.atlas-record-notes summary:focus-visible { outline: 3px solid var(--atlas-focus); outline-offset: 2px; }
.atlas-record-notes[open] { flex-basis: 100%; }
.atlas-detail .atlas-record-notes p { margin: .15rem 0 .5rem; padding: .65rem .8rem; border-left: 2px solid #80568f; background: #110c16; color: var(--atlas-soft); font-size: .67rem; line-height: 1.9; }
.atlas-next-link { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: .25rem .5rem; }
.atlas-next-link time { font: .63rem/1.4 var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-next-link > span:last-child { color: #c3a170; }

.atlas-method { margin-top: 2.3rem; padding: 1.5rem; border: 1px solid var(--atlas-line); border-radius: .35rem; background: #0e0913; scroll-margin-top: 1.25rem; }
.atlas-method > .atlas-panel-heading { margin-bottom: 1.6rem; }
.atlas-method-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.8rem 2.5rem; }
.atlas-method-grid article { min-width: 0; }
.atlas-method-grid h3 { margin: 0 0 .55rem; color: var(--atlas-soft); font-size: .83rem; font-weight: 500; }
.atlas-method-grid p { margin: 0; color: var(--atlas-muted); font-size: .73rem; line-height: 1.95; }
.atlas-bottom-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 1.3rem; }
.atlas-bottom-actions > span { color: var(--atlas-muted); font-size: .7rem; }
.atlas-bottom-actions > a { display: inline-flex; align-items: center; min-height: 2.75rem; margin-left: auto; color: var(--atlas-muted); font-size: .69rem; text-decoration: none; }
.atlas-footer { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; padding: 1.8rem max(1.25rem, calc((100vw - 1360px) / 2)); border-top: 1px solid var(--atlas-line); color: var(--atlas-muted); }
.atlas-footer > span { font: .71rem/1.6 var(--atlas-mono); letter-spacing: .07em; }
.atlas-footer small { display: block; margin-top: .3rem; color: #987ca4; font-size: .56rem; letter-spacing: .07em; }
.atlas-footer p { margin: 0; color: var(--atlas-muted); font-size: .64rem; line-height: 1.9; }

@media (min-width: 1500px) {
  .atlas-pref-name { font-size: .72rem; }
}

@media (max-width: 1050px) {
  .atlas-main { padding-inline: 1.5rem; }
  .atlas-site-header, .atlas-footer, .atlas-preview-banner { padding-inline: 1.5rem; }
  .atlas-workspace { grid-template-columns: minmax(0, 1fr); }
  .atlas-detail { position: static; min-height: 0; max-height: none; overflow-y: visible; }
  .atlas-back-to-map { display: inline-flex; align-items: center; min-height: 2.75rem; }
  .atlas-tile-map { grid-auto-rows: 3.75rem; gap: .4rem; }
  .atlas-pref-name { font-size: .71rem; }
  .atlas-pref-count { font-size: 1.35rem; }
  .atlas-filters { column-gap: 1rem; }
  .atlas-kind-field { flex-basis: 14rem; }
  .atlas-check { margin-right: auto; }
  .atlas-field { flex-basis: 9rem; }
  .atlas-stat { padding: 1.1rem 1.25rem; }
}

@media (max-width: 680px) {
  .atlas-site-header { padding: .85rem 1rem; min-height: 4.5rem; gap: .7rem; }
  .atlas-preview-banner { padding-inline: 1rem; }
  .atlas-brand { gap: .5rem; }
  .atlas-brand-symbol { width: 1rem; height: 1.3rem; }
  .atlas-brand strong { font-size: .85rem; letter-spacing: .04em; }
  .atlas-brand small { font-size: .51rem; }
  .atlas-site-nav { gap: .85rem; font-size: .64rem; }
  .atlas-site-nav a:last-child { font-size: .62rem; }
  .atlas-main { padding: 1rem 1rem 2.5rem; }
  .atlas-breadcrumb { gap: .5rem; margin-bottom: 1.9rem; font-size: .59rem; }
  .atlas-hero { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; margin-bottom: 1.55rem; }
  .atlas-hero h1 { margin-bottom: .75rem; font-size: clamp(1.9rem, 6vw, 2.5rem); letter-spacing: .025em; }
  .atlas-hero .atlas-kicker { font-size: .59rem; }
  .atlas-lead { font-size: .77rem; }
  .atlas-record-stamp { gap: .5rem; font-size: .53rem; }
  .atlas-record-stamp > span:last-child { display: flex; align-items: baseline; flex-wrap: wrap; gap: .15rem .6rem; }
  .atlas-record-stamp strong { margin: 0; font-size: .74rem; }
  .atlas-record-stamp small { flex-basis: 100%; font-size: .59rem; }
  .atlas-stat { padding: .8rem .75rem; }
  .atlas-stat > span { font-size: .65rem; line-height: 1.7; }
  .atlas-stat p { flex-wrap: wrap; column-gap: .3rem; row-gap: 0; margin: .42rem 0 .25rem; }
  .atlas-stat p strong { font-size: clamp(1.85rem, 6.1vw, 2.55rem); }
  .atlas-stat p > span { font-size: .61rem; }
  .atlas-stat > small, .atlas-text-button { font-size: .59rem; }
  .atlas-text-button { min-height: 2.75rem; line-height: 1.65; }
  .atlas-stats { margin-bottom: 1rem; }
  .atlas-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem .75rem; padding: .9rem; }
  .atlas-kind-field { grid-column: 1 / -1; }
  .atlas-segmented label { flex: 1; }
  .atlas-segmented label > span { width: 100%; min-height: 2.75rem; }
  .atlas-check { grid-column: 1 / -1; min-height: 2.75rem; margin: -.15rem 0; }
  .atlas-field select { min-height: 2.75rem; padding-inline: .45rem; font-size: .69rem; }
  .atlas-method-link { grid-column: 1 / -1; justify-self: start; min-height: 2.75rem; margin-top: -.35rem; }
  .atlas-filter-caption { margin: .65rem 0 1.1rem; font-size: .61rem; }
  .atlas-next { gap: .45rem .75rem; padding: .85rem .95rem; margin-bottom: 1rem; }
  .atlas-next > p { flex-basis: 100%; }
  .atlas-next > small { margin-left: 0; flex-basis: 100%; font-size: .6rem; }
  .atlas-next strong { font-size: .73rem; }
  .atlas-workspace { gap: 1rem; }
  .atlas-explorer { padding: 1rem; }
  .atlas-panel-heading { gap: .65rem; }
  .atlas-panel-heading .atlas-kicker { font-size: .52rem; letter-spacing: .13em; }
  .atlas-panel-heading h2 { font-size: .88rem; }
  .atlas-view-switch button { padding-inline: .53rem; min-height: 2.75rem; font-size: .64rem; }
  .atlas-findbar { display: grid; grid-template-columns: minmax(0, 1fr) 2.75rem; gap: .5rem; }
  .atlas-search { grid-column: 1 / -1; }
  .atlas-field-compact { grid-column: 1; }
  .atlas-findbar .atlas-icon-button { grid-column: 2; }
  .atlas-find-result { margin-bottom: 1rem; font-size: .61rem; }
  .atlas-legend { gap: .5rem .75rem; margin-bottom: 1.2rem; }
  #atlas-tile-map { display: none; }
  #atlas-region-map { display: block; }
  #atlas-region-map .atlas-pref-tile[data-dimmed="true"],
  #atlas-region-map .atlas-region-group[data-has-matches="false"] { display: none; }
  .atlas-region-group { margin-bottom: 0; }
  .atlas-region-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .atlas-map-caption { font-size: .6rem; }
  .atlas-desktop-caption { display: none; }
  .atlas-mobile-caption { display: inline; }
  .atlas-table-tools { gap: .65rem; }
  .atlas-table-tools .atlas-field { min-width: 0; flex: 1 1 0; }
  .atlas-table-tools .atlas-outline-button { flex: 0 1 7rem; padding-inline: .5rem; font-size: .65rem; }
  .atlas-table th { font-size: .6rem; padding-inline: .2rem; }
  .atlas-table th:first-child { width: 40%; }
  .atlas-table td { font-size: .72rem; padding-inline: .2rem; }
  .atlas-table-pref button { font-size: .72rem; }
  .atlas-detail { padding: 1.2rem; scroll-margin-top: 5rem; }
  .atlas-detail-topline { margin-bottom: .25rem; }
  .atlas-detail-heading h2 { font-size: 1.65rem; }
  .atlas-detail-count > strong { font-size: 3rem; }
  .atlas-detail-welcome h2 { font-size: 1.5rem; }
  .atlas-orbit { margin-block: 1rem; }
  .atlas-record h4 { font-size: .85rem; }
  .atlas-search input, .atlas-record-toolbar .atlas-search input { font-size: 1rem; }
  .atlas-method { padding: 1.1rem; margin-top: 1.5rem; }
  .atlas-method > .atlas-panel-heading { flex-wrap: wrap; margin-bottom: 1.3rem; gap: .85rem; }
  .atlas-method-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .atlas-method-grid article + article { padding-top: 1.2rem; border-top: 1px solid var(--atlas-line); }
  .atlas-method-grid h3 { font-size: .8rem; }
  .atlas-method-grid p { font-size: .7rem; }
  .atlas-bottom-actions { gap: .5rem .7rem; }
  .atlas-bottom-actions > span { flex-basis: 100%; order: 3; }
  .atlas-bottom-actions .atlas-outline-button { font-size: .64rem; padding-inline: .6rem; }
  .atlas-bottom-actions > a { font-size: .62rem; }
  .atlas-footer { flex-direction: column; gap: 1rem; padding: 1.5rem 1rem; }
  .atlas-footer p { font-size: .6rem; }
}

@media (max-width: 375px) {
  .atlas-site-nav { gap: .5rem; font-size: .6rem; }
  .atlas-site-nav a:last-child { font-size: .58rem; }
  .atlas-site-header { gap: .5rem; }
  .atlas-brand strong { font-size: .79rem; }
  .atlas-brand-symbol { display: none; }
  .atlas-stat { padding-inline: .55rem; }
  .atlas-stat > span { font-size: .61rem; }
  .atlas-stat p > span { font-size: .56rem; }
  .atlas-panel-heading { flex-wrap: wrap; align-items: end; }
  .atlas-panel-heading h2 { font-size: .85rem; }
  .atlas-view-switch { margin-left: auto; }
  .atlas-region-tiles { gap: .4rem; }
  .atlas-region-tiles .atlas-pref-name { font-size: .69rem; }
  .atlas-region-tiles .atlas-pref-count { font-size: 1.13rem; }
  .atlas-region-tiles .atlas-pref-tile { min-height: 3.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .core-live-atlas-page *, .core-live-atlas-page *::before, .core-live-atlas-page *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  .atlas-pref-tile:not(:disabled):hover { transform: none; }
}

/* Keep the information and form controls readable on small touch screens. */
@media (max-width: 680px) {
  .atlas-field select,
  .atlas-field-compact select,
  .atlas-record-toolbar .atlas-field-compact select { font-size: 1rem; }
  .atlas-segmented label > span, .atlas-check { font-size: .875rem; }
  .atlas-stat > span { font-size: .75rem; }
  .atlas-stat > small { font-size: .6875rem; }
  .atlas-stat .atlas-text-button { font-size: .6875rem; }
  .atlas-detail .atlas-record-venue, .atlas-record-meta time,
  .atlas-detail p, .atlas-method-grid p { font-size: .8125rem; }
  .atlas-detail .atlas-record-location, .atlas-detail .atlas-record-notes p { font-size: .75rem; }
  .atlas-record-toolbar { grid-template-columns: minmax(0, 1fr) 7rem; }
}

/* Geographic prefecture map. The original name tiles remain a separate view. */
.atlas-geographic-map { min-width: 0; width: 100%; }
.atlas-map-tools { display: flex; align-items: flex-end; flex-wrap: wrap; gap: .65rem; margin: 0 0 .75rem; }
.atlas-map-region-select { display: block; flex: 1 1 10rem; min-width: 0; }
.atlas-map-region-select > span { display: block; margin: 0 0 .35rem; color: var(--atlas-muted); font-size: .66rem; }
.atlas-map-region-select select { display: block; width: 100%; min-width: 0; min-height: 2.75rem; padding: .55rem .65rem; border: 1px solid var(--atlas-line-strong); border-radius: .25rem; background: var(--atlas-bg); color: var(--atlas-soft); font-size: .8rem; cursor: pointer; }
.atlas-map-tools .atlas-field > span { font-size: .7rem; }
.atlas-map-tools button { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 auto; gap: .35rem; min-width: 2.75rem; min-height: 2.75rem; padding: .5rem .8rem; border: 1px solid var(--atlas-line-strong); border-radius: .25rem; background: #211328; color: var(--atlas-soft); font-size: .76rem; line-height: 1.5; }
.atlas-map-tools button:not(:disabled):hover { border-color: var(--atlas-lilac); color: var(--atlas-ink); background: #301c3c; }
.atlas-map-tools button:disabled { border-color: var(--atlas-line); background: #130d18; color: var(--atlas-muted); cursor: default; }
.atlas-map-viewport { position: relative; width: 100%; min-width: 0; height: clamp(380px, 47vw, 600px); min-height: 380px; overflow: hidden; border: 1px solid var(--atlas-line); border-radius: .3rem; background: #08060d; }
.atlas-japan-svg { display: block; width: 100%; height: 100%; max-width: 100%; overflow: hidden; background: #08060d; -webkit-user-select: none; user-select: none; touch-action: pan-y pinch-zoom; }
.atlas-map-canvas { position: relative; width: 100%; height: 100%; min-width: 0; }
.atlas-map-ocean { fill: #08060d; pointer-events: none; }
.atlas-map-pref { outline: none; }
.atlas-map-pref[data-in-area="false"] { opacity: .25; }
.atlas-pref-shape { fill: #100c16; stroke: #9476a2; stroke-width: .85px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; pointer-events: visiblePainted; cursor: pointer; outline: none; transition: fill 140ms ease, stroke 140ms ease; }
.atlas-pref-shape[data-level="0"] { fill: #100c16; }
.atlas-pref-shape[data-level="1"] { fill: #2d1d39; }
.atlas-pref-shape[data-level="2"] { fill: #542c66; }
.atlas-pref-shape[data-level="3"] { fill: #87489d; }
.atlas-pref-shape[data-planned-only="true"] { fill: #332431; stroke: var(--atlas-gold); stroke-width: 1.6px; }
.atlas-pref-shape[data-dimmed="true"], .atlas-pref-shape[aria-disabled="true"] { fill: #110d15; stroke: #503b5b; cursor: default; }
.atlas-map-pref:hover .atlas-pref-shape:not([aria-disabled="true"]):not([data-dimmed="true"]) { stroke: #f5d8ff; stroke-width: 1.8px; }
.atlas-pref-shape[aria-pressed="true"] { stroke: #ff82a8; stroke-width: 2.4px; }
.atlas-map-pref:hover .atlas-pref-shape[aria-pressed="true"] { stroke: #ffb4ce; stroke-width: 2.4px; }
.atlas-pref-shape:focus-visible, .atlas-map-pref:focus-visible .atlas-pref-shape { outline: none; stroke: var(--atlas-focus); stroke-width: 3px; }
.atlas-map-label, .atlas-map-count { fill: #fff5ff; stroke: #110916; stroke-width: 2.7px; stroke-linejoin: round; paint-order: stroke fill; vector-effect: non-scaling-stroke; pointer-events: none; text-anchor: middle; }
.atlas-map-label { font-family: var(--atlas-body); font-size: var(--atlas-map-label-size, 17px); font-weight: 600; letter-spacing: 0; }
.atlas-map-count { font-family: var(--atlas-mono); font-size: var(--atlas-map-count-size, 20px); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.atlas-geographic-map[data-map-scope="national"] .atlas-map-label,
.atlas-geographic-map[data-map-scope="national"] .atlas-map-count { display: none; }
.atlas-geographic-map[data-map-scope="region"] .atlas-map-label,
.atlas-geographic-map[data-map-scope="region"] .atlas-map-count { display: block; }
.atlas-map-help { margin: .65rem 0 .8rem; color: var(--atlas-muted); font-size: .7rem; line-height: 1.85; }
.atlas-map-help:empty { display: none; }
.atlas-map-selection { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; min-width: 0; min-height: 4.5rem; margin: .85rem 0; padding: .85rem 1rem; border: 1px solid #674371; border-radius: .3rem; background: #22142b; }
.atlas-map-selection > div { flex: 1 1 10rem; min-width: 0; }
.atlas-map-selection :where(h3, p) { margin: 0; }
.atlas-map-selection :where(h3, strong) { color: var(--atlas-ink); font-size: .94rem; font-weight: 500; }
.atlas-map-selection p { color: var(--atlas-soft); font-size: .74rem; line-height: 1.75; }
.atlas-map-selection small { display: block; color: var(--atlas-muted); font-size: .65rem; line-height: 1.7; }
.atlas-map-selection-label { display: block; margin-bottom: .15rem; color: var(--atlas-muted); font-size: .62rem; line-height: 1.6; }
.atlas-map-selection .atlas-map-selection-name { display: block; font-size: 1rem; line-height: 1.65; }
.atlas-map-selection-note { display: block; margin-top: .25rem; color: var(--atlas-soft); font-size: .68rem; line-height: 1.8; }
.atlas-map-selection .atlas-map-selection-count { flex: 0 0 auto; color: var(--atlas-lilac); font: 500 1.9rem/1.2 var(--atlas-mono); font-variant-numeric: tabular-nums; letter-spacing: -.055em; }
.atlas-map-selection-count small { display: inline; margin-left: .35rem; font: .63rem/1.5 var(--atlas-body); letter-spacing: 0; }
.atlas-map-selection button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; max-width: 100%; padding: .5rem .7rem; margin-left: auto; border: 1px solid #9563a7; border-radius: .25rem; background: #342040; color: var(--atlas-lilac); font-size: .73rem; line-height: 1.6; }
.atlas-map-selection button:hover { border-color: var(--atlas-lilac); background: #432a51; color: var(--atlas-ink); }
.atlas-map-region-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin: .75rem 0 1rem; }
.atlas-map-region-shortcuts button { display: flex; justify-content: space-between; align-items: center; gap: .35rem; min-width: 0; min-height: 2.75rem; padding: .5rem .65rem; border: 1px solid var(--atlas-line-strong); border-radius: .25rem; background: #211428; color: var(--atlas-soft); font-size: .74rem; line-height: 1.5; }
.atlas-map-region-shortcuts button strong { color: var(--atlas-lilac); font: 500 1rem/1.3 var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-map-region-shortcuts button:hover { border-color: var(--atlas-lilac); background: #321c3e; color: var(--atlas-ink); }
.atlas-map-region-shortcuts button[aria-pressed="true"] { outline: 2px solid #ff7fa5; outline-offset: 2px; border-color: #ffb7cf; }
.atlas-map-region-shortcuts button:focus-visible { outline: 3px solid var(--atlas-focus); outline-offset: 3px; }
.atlas-map-attribution { margin: .65rem 0 0; color: var(--atlas-muted); font-size: .62rem; line-height: 1.85; overflow-wrap: anywhere; }
.atlas-map-attribution a { color: var(--atlas-soft); text-decoration-color: #705080; }

@media (max-width: 1050px) {
  .atlas-map-viewport { height: 580px; }
}

@media (max-width: 680px) {
  .atlas-map-tools { align-items: end; gap: .5rem; }
  .atlas-map-region-select { flex-basis: 8rem; }
  .atlas-map-region-select > span { font-size: .72rem; }
  .atlas-map-region-select select { min-height: 2.75rem; font-size: 1rem; }
  .atlas-map-tools button { min-height: 2.75rem; padding-inline: .65rem; font-size: .8rem; }
  .atlas-map-viewport { height: clamp(380px, 110vw, 470px); min-height: 380px; }
  .atlas-map-help { font-size: .75rem; line-height: 1.85; }
  .atlas-map-selection { display: grid; grid-template-columns: minmax(0, 1fr) auto; padding: .8rem; gap: .55rem .75rem; }
  .atlas-map-selection > div:only-child { grid-column: 1 / -1; }
  .atlas-map-selection p { font-size: .78rem; }
  .atlas-map-selection small { font-size: .7rem; }
  .atlas-map-selection .atlas-map-selection-count { font-size: 1.8rem; }
  .atlas-map-selection-label { font-size: .67rem; }
  .atlas-map-selection-note { font-size: .72rem; }
  .atlas-map-selection button { grid-column: 1 / -1; justify-self: end; margin-left: 0; font-size: .75rem; }
  .atlas-map-region-shortcuts button { flex-direction: column; justify-content: center; gap: .2rem; min-height: 3.25rem; padding: .4rem .1rem; font-size: .72rem; }
  .atlas-map-region-shortcuts button strong { font-size: 1.1rem; }
  .atlas-map-attribution { font-size: .68rem; }
}

@media (prefers-reduced-motion: reduce) {
  .atlas-pref-shape { transition: none; }
}

/* Compact memories link back to each verified original post. */
.atlas-record-memories { min-width: 0; margin: .7rem 0 .15rem; }
.atlas-record-memories > .atlas-memory-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: .15rem .55rem; margin: 0 0 .45rem; color: var(--atlas-lilac); font-size: .6875rem; font-weight: 500; line-height: 1.7; }
.atlas-memory-heading > span { color: var(--atlas-muted); font-weight: 400; }
.atlas-memory-card { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .65rem; width: 100%; min-width: 0; max-width: 100%; padding: .65rem; border: 1px solid var(--atlas-line); border-radius: .3rem; background: #100b16; color: var(--atlas-ink); text-decoration: none; line-height: 1.6; cursor: pointer; touch-action: manipulation; }
.atlas-memory-card + .atlas-memory-card { margin-top: .5rem; }
.atlas-memory-card:hover { border-color: #82558f; background: #1d1125; }
.atlas-memory-card:focus-visible { outline: 3px solid var(--atlas-focus); outline-offset: 3px; border-color: var(--atlas-lilac); }
.atlas-memory-thumbnail { position: relative; display: block; flex: 0 0 4.75rem; width: 4.75rem; height: 4.25rem; overflow: hidden; isolation: isolate; border: 1px solid #493153; border-radius: .2rem; background: #24172c; }
.atlas-memory-fallback { position: absolute; inset: 0; display: grid; place-items: center; color: var(--atlas-soft); font-family: var(--atlas-body); font-size: 1.35rem; line-height: 1; }
.atlas-memory-image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center; }
.atlas-memory-card.is-image-unavailable .atlas-memory-thumbnail { border-style: dashed; background: #211428; }
.atlas-memory-card.is-image-unavailable .atlas-memory-fallback { color: var(--atlas-lilac); }
.atlas-memory-copy { display: flex; flex: 1 1 8rem; flex-direction: column; gap: .2rem; min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.atlas-memory-author { display: flex; align-items: baseline; flex-wrap: wrap; gap: .1rem .35rem; color: var(--atlas-muted); font: .6875rem/1.6 var(--atlas-mono); font-variant-numeric: tabular-nums; }
.atlas-memory-author time { white-space: nowrap; }
.atlas-memory-copy > strong { display: block; color: var(--atlas-ink); font-size: .8125rem; font-weight: 500; line-height: 1.65; }
.atlas-memory-scope { display: block; color: var(--atlas-soft); font-size: .75rem; line-height: 1.7; }
.atlas-memory-open { display: inline-flex; align-items: center; gap: .35rem; align-self: flex-start; margin-top: .1rem; color: var(--atlas-lilac); font-size: .6875rem; line-height: 1.7; text-decoration: underline; text-decoration-color: #8b609a; text-underline-offset: .2em; }
.atlas-memories-note { margin: 1rem .1rem 0; color: var(--atlas-muted); font-size: .73rem; line-height: 1.9; overflow-wrap: anywhere; }

@media (max-width: 680px) {
  .atlas-memory-card { gap: .55rem; padding: .55rem; }
  .atlas-memories-note { font-size: .75rem; }
}

/* v1905: explanations stay available without taking over the live archive. */
.atlas-method.cs-explainer{margin-top:1.1rem;padding:0}
.atlas-method.cs-explainer>summary,.atlas-memories-note.cs-explainer>summary{min-height:44px;box-sizing:border-box;padding:.75rem 1rem;color:var(--atlas-soft);font-size:.8125rem;line-height:1.7;cursor:pointer}
.atlas-method.cs-explainer>summary::marker,.atlas-memories-note.cs-explainer>summary::marker{color:var(--atlas-lilac)}
.atlas-method.cs-explainer>.cs-explainer-body,.atlas-memories-note.cs-explainer>.cs-explainer-body{padding:0 1rem 1rem}
.atlas-method.cs-explainer .atlas-panel-heading{margin-bottom:1rem}
.atlas-method.cs-explainer .atlas-panel-heading h3{margin:0;color:var(--atlas-soft);font-size:1rem;font-weight:500}
.atlas-memories-note.cs-explainer{margin:.55rem 0 0;border:1px solid var(--atlas-line);border-radius:.35rem;background:#0e0913}
.atlas-memories-note.cs-explainer>.cs-explainer-body>p{margin:0;font-size:.75rem;line-height:1.9}
.atlas-method.cs-explainer>summary:focus-visible,.atlas-memories-note.cs-explainer>summary:focus-visible{outline:2px solid var(--atlas-lilac);outline-offset:3px}
@media(max-width:680px){
 .atlas-method.cs-explainer>summary,.atlas-memories-note.cs-explainer>summary{padding:.65rem .8rem}
 .atlas-method.cs-explainer>.cs-explainer-body,.atlas-memories-note.cs-explainer>.cs-explainer-body{padding:0 .8rem .85rem}
}

/* v1906: one verified memory per held performance; preserve compact v1905 explanations. */
.atlas-memory-pending { margin: 0; padding: .65rem; border: 1px dashed var(--atlas-line); border-radius: .3rem; color: var(--atlas-muted); font-size: .75rem; line-height: 1.7; overflow-wrap: anywhere; }
.atlas-memory-pending > strong, .atlas-memory-pending > span { display: block; }
.atlas-memory-pending > strong { color: var(--atlas-soft); font-weight: 500; }
.atlas-memory-image[hidden] { display: none; }

/* v1910: a map, a place, a night. Existing records stay available on demand. */
.atlas-discovery-v1910 .atlas-hero { gap: .6rem; margin: .35rem 0 .8rem; padding: 0; }
.atlas-discovery-v1910 .atlas-hero .atlas-kicker { margin: 0 0 .3rem; font-size: .6rem; letter-spacing: .13em; }
.atlas-discovery-v1910 .atlas-hero :is(h1,h2),
.atlas-discovery-v1910.live-hub-atlas-v1901 .atlas-hero #atlas-title { margin: 0 0 .35rem; font: 500 clamp(1.55rem,3.2vw,2.5rem)/1.35 var(--atlas-display); }
.atlas-discovery-v1910 .atlas-lead { margin: 0; font-size: .8rem; line-height: 1.65; }
.atlas-discovery-v1910 .atlas-breadcrumb { margin-bottom: .8rem; font-size: .65rem; }
.atlas-discovery-v1910 .atlas-discovery-bar { margin: 0 0 .6rem; }
.atlas-discovery-v1910 .atlas-discovery-path { display: flex; align-items: center; gap: .75rem; margin: 0; color: var(--atlas-muted); font: .65rem/1.6 var(--atlas-mono); letter-spacing: .08em; }
.atlas-discovery-v1910 .atlas-discovery-path i { color: var(--atlas-purple); font-style: normal; }
.atlas-discovery-v1910 [data-explore-stage="map"] .atlas-discovery-path span:first-child,
.atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-discovery-path span:last-child { color: var(--atlas-lilac); }
.atlas-discovery-v1910 :is(.atlas-discovery-controls,.atlas-map-search-controls,.atlas-pref-options,.atlas-map-credit) { min-width: 0; max-width: 100%; }
.atlas-discovery-v1910 :is(.atlas-discovery-controls,.atlas-map-search-controls,.atlas-pref-options,.atlas-map-credit) > summary { display: flex; align-items: center; justify-content: space-between; gap: .65rem; min-height: 44px; margin: 0; padding: .5rem .75rem; list-style: none; cursor: pointer; color: var(--atlas-soft); font: .75rem/1.6 var(--atlas-body); }
.atlas-discovery-v1910 :is(.atlas-discovery-controls,.atlas-map-search-controls,.atlas-pref-options,.atlas-map-credit) > summary::-webkit-details-marker,
.atlas-discovery-v1910 .atlas-show-summary::-webkit-details-marker { display: none; }
.atlas-discovery-v1910 :is(.atlas-discovery-controls,.atlas-map-search-controls,.atlas-pref-options,.atlas-map-credit) > summary::after { content: '+'; flex: 0 0 auto; color: var(--atlas-lilac); font: 1.1rem/1 var(--atlas-mono); }
.atlas-discovery-v1910 :is(.atlas-discovery-controls,.atlas-map-search-controls,.atlas-pref-options,.atlas-map-credit)[open] > summary::after { content: '−'; }
.atlas-discovery-v1910 summary:focus-visible { outline: 3px solid var(--atlas-focus); outline-offset: 2px; }
.atlas-discovery-v1910 .atlas-discovery-controls { margin: 0 0 .8rem; border: 1px solid var(--atlas-line); border-radius: 5px; background: var(--atlas-panel); }
.atlas-discovery-v1910 .atlas-discovery-controls > summary small { margin-left: auto; color: var(--atlas-muted); font-size: .65rem; text-align: right; }
.atlas-discovery-v1910 .atlas-discovery-controls-body { padding: .8rem; border-top: 1px solid var(--atlas-line); }
.atlas-discovery-v1910 .atlas-discovery-controls-body .atlas-record-stamp { margin-bottom: .8rem; }
.atlas-discovery-v1910 .atlas-discovery-controls-body .atlas-stats { margin-bottom: .75rem; }
.atlas-discovery-v1910 .atlas-discovery-controls-body .atlas-next { margin-bottom: 0; }
.atlas-discovery-v1910 .atlas-workspace { gap: .9rem; grid-template-columns: minmax(0,1fr); }
.atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-workspace { grid-template-columns: minmax(0,1fr) minmax(340px,.85fr); }
.atlas-discovery-v1910 .atlas-explorer { padding: .9rem; overflow: hidden; }
.atlas-discovery-v1910 .atlas-panel-heading { gap: .6rem; margin-bottom: .45rem; align-items: center; }
.atlas-discovery-v1910 .atlas-panel-heading .atlas-kicker { display: none; }
.atlas-discovery-v1910 .atlas-panel-heading h2 { margin: 0; font: 500 1.25rem/1.4 var(--atlas-display); }
.atlas-discovery-v1910 .atlas-view-switch { gap: .2rem; }
.atlas-discovery-v1910 .atlas-view-switch button { min-height: 44px; padding: .4rem .6rem; font-size: .65rem; }
.atlas-discovery-v1910 .atlas-map-search-controls { border-top: 1px solid var(--atlas-line); margin-bottom: .4rem; }
.atlas-discovery-v1910 .atlas-map-search-controls > summary { padding-inline: 0; }
.atlas-discovery-v1910 .atlas-findbar { margin-top: .4rem; }
.atlas-discovery-v1910 .atlas-legend { margin: .4rem 0 .65rem; gap: .5rem .75rem; font-size: .6rem; }
.atlas-discovery-v1910 .atlas-map-tools { align-items: end; gap: .45rem; margin-bottom: .6rem; }
.atlas-discovery-v1910 .atlas-map-tools .atlas-field > span { font-size: .6rem; }
.atlas-discovery-v1910 .atlas-map-tools :is(select,button) { min-height: 44px; font-size: .75rem; }
.atlas-discovery-v1910 .atlas-map-help { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.atlas-discovery-v1910 .atlas-map-viewport { min-height: 300px; height: clamp(320px,43vw,510px); border-color: #4b3154; background: radial-gradient(ellipse at 60% 30%,#22132b 0%,#0b070f 63%); }
.atlas-discovery-v1910 .atlas-japan-svg { filter: drop-shadow(0 8px 16px #0006); }
.atlas-discovery-v1910 .atlas-map-pref[data-selected="true"] .atlas-pref-shape { stroke: #fff0f7; stroke-width: 2px; filter: drop-shadow(0 0 3px #dc8de7); }
.atlas-discovery-v1910 .atlas-map-selection { margin-top: .6rem; padding: .6rem .7rem; min-height: 0; }
.atlas-discovery-v1910 .atlas-map-selection-name { font-size: .85rem; }
.atlas-discovery-v1910 .atlas-map-selection-note { font-size: .65rem; }
.atlas-discovery-v1910 .atlas-map-selection-count { font-size: 1.6rem; }
.atlas-discovery-v1910 .atlas-map-selection .atlas-text-button { display: none; }
.atlas-discovery-v1910 .atlas-map-credit { margin-top: .25rem; }
.atlas-discovery-v1910 .atlas-map-credit > summary { min-height: 36px; padding: .3rem 0; color: var(--atlas-muted); font-size: .6rem; }
.atlas-discovery-v1910 .atlas-map-credit .atlas-map-attribution { margin-top: .2rem; }
.atlas-discovery-v1910 .atlas-map-region-shortcuts { gap: .35rem; margin: .6rem 0; }
.atlas-discovery-v1910 .atlas-map-region-shortcuts button { min-height: 44px; padding: .45rem .55rem; font-size: .7rem; }
.atlas-discovery-v1910 .atlas-detail { padding: 1rem; min-height: 0; max-height: calc(100svh - 8rem); top: 7rem; border-color: #62416c; animation: atlas-discover-enter 260ms ease-out both; }
.atlas-discovery-v1910 .atlas-detail[hidden] { display: none !important; }
.atlas-discovery-v1910 .atlas-detail-topline { margin: 0 0 .4rem; gap: .5rem; }
.atlas-discovery-v1910 .atlas-back-to-map { min-height: 44px; font-size: .7rem; }
.atlas-discovery-v1910 .atlas-pref-compact { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .25rem; }
.atlas-discovery-v1910 .atlas-pref-compact .atlas-detail-heading { display: block; }
.atlas-discovery-v1910 .atlas-pref-compact h2 { margin: 0 0 .15rem; font: 500 1.6rem/1.35 var(--atlas-display); }
.atlas-discovery-v1910 .atlas-pref-compact .atlas-pref-subline { margin: 0; font-size: .65rem; color: var(--atlas-muted); }
.atlas-discovery-v1910 .atlas-pref-subline > span { margin-inline: .25rem; }
.atlas-discovery-v1910 .atlas-pref-compact .atlas-detail-count { align-items: baseline; gap: .35rem; margin: 0; }
.atlas-discovery-v1910 .atlas-pref-compact .atlas-detail-count > strong { font-size: 2.6rem; line-height: 1; }
.atlas-discovery-v1910 .atlas-pref-compact .atlas-detail-count > span { font-size: .65rem; }
.atlas-discovery-v1910 .atlas-pref-options { border-bottom: 1px solid var(--atlas-line); margin: .6rem 0 .35rem; }
.atlas-discovery-v1910 .atlas-pref-options > summary { padding-inline: 0; color: var(--atlas-muted); font-size: .65rem; }
.atlas-discovery-v1910 .atlas-pref-options-body { padding-bottom: .6rem; }
.atlas-discovery-v1910 .atlas-pref-options-body > p { margin: .5rem 0; font-size: .7rem; }
.atlas-discovery-v1910 .atlas-record-result { margin: .5rem 0; font-size: .65rem; }
.atlas-discovery-v1910 .atlas-year-group { margin-top: .6rem; }
.atlas-discovery-v1910 .atlas-year-group > h3 { margin: 0; padding: .4rem 0; font: .85rem/1.4 var(--atlas-mono); }
.atlas-discovery-v1910 .atlas-year-group > h3 span { font: .6rem/1.4 var(--atlas-body); }
.atlas-discovery-v1910 .atlas-record,
.atlas-discovery-v1910 .atlas-record.is-planned { margin: .45rem 0; padding: 0; border: 1px solid var(--atlas-line); border-radius: 5px; background: #160e1c; overflow: hidden; }
.atlas-discovery-v1910 .atlas-record.is-planned { border-color: #675334; background: #21171d; }
.atlas-discovery-v1910 .atlas-show-disclosure { padding: 0; }
.atlas-discovery-v1910 .atlas-show-summary { display: grid; grid-template-columns: 64px minmax(0,1fr) 18px; align-items: center; gap: .65rem; padding: .7rem; min-height: 104px; list-style: none; cursor: pointer; transition: background-color 180ms ease; }
.atlas-discovery-v1910 .atlas-show-summary:hover,
.atlas-discovery-v1910 .atlas-show-disclosure[open] > summary { background: #2a1931; }
.atlas-discovery-v1910 .atlas-show-thumbnail { position: relative; display: block; width: 64px; height: 64px; overflow: hidden; border: 1px solid #67466f; border-radius: 4px; background: #291931; isolation: isolate; }
.atlas-discovery-v1910 .atlas-show-thumbnail > span { position: absolute; inset: 0; display: grid; place-items: center; font: 1.5rem/1 var(--atlas-display); color: #ad80ba; }
.atlas-discovery-v1910 .atlas-show-thumbnail img { display: block; position: relative; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 300ms ease,filter 300ms ease; }
.atlas-discovery-v1910 .atlas-show-summary:hover img,
.atlas-discovery-v1910 .atlas-show-disclosure[open] > summary img { transform: scale(1.1); filter: saturate(1.12); }
.atlas-discovery-v1910 .atlas-show-copy { display: block; min-width: 0; }
.atlas-discovery-v1910 .atlas-show-date { display: flex; align-items: center; gap: .35rem; color: var(--atlas-lilac); font: .7rem/1.5 var(--atlas-mono); }
.atlas-discovery-v1910 .atlas-show-date small { margin-left: auto; color: var(--atlas-gold); font: .6rem/1.4 var(--atlas-body); }
.atlas-discovery-v1910 .atlas-show-copy > strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: .15rem 0; color: var(--atlas-ink); font: 500 .78rem/1.55 var(--atlas-body); }
.atlas-discovery-v1910 .atlas-show-venue,
.atlas-discovery-v1910 .atlas-show-scope { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--atlas-muted); font: .65rem/1.5 var(--atlas-body); }
.atlas-discovery-v1910 .atlas-show-scope { color: #b898c6; font-size: .55rem; }
.atlas-discovery-v1910 .atlas-show-open { color: var(--atlas-lilac); font: 1.1rem/1 var(--atlas-mono); transition: transform 200ms ease; }
.atlas-discovery-v1910 .atlas-show-disclosure[open] > summary .atlas-show-open { transform: rotate(45deg); }
.atlas-discovery-v1910 .atlas-show-expanded { padding: .7rem .85rem .85rem; border-top: 1px solid var(--atlas-line); }
.atlas-discovery-v1910 .atlas-show-expanded > .atlas-record-meta,
.atlas-discovery-v1910 .atlas-show-expanded > h4 { display: none; }
.atlas-discovery-v1910 .atlas-show-expanded .atlas-record-location { font-size: .65rem; }
.atlas-discovery-v1910 .atlas-more-records { display: flex; justify-content: space-between; gap: .5rem; width: 100%; min-height: 48px; margin: .7rem 0 0; font-size: .75rem; }
.atlas-discovery-v1910 .atlas-more-records small { margin-left: auto; color: var(--atlas-muted); font-size: .65rem; }
.atlas-discovery-v1910 .atlas-method { margin-top: 1rem; }
.atlas-discovery-v1910 .atlas-bottom-actions { gap: .5rem; margin-top: .8rem; }
@keyframes atlas-discover-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width:1050px) {
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-workspace { grid-template-columns: minmax(0,1fr); }
  .atlas-discovery-v1910 .atlas-detail { position: static; max-height: none; overflow-y: visible; }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-map-viewport { height: 320px; min-height: 320px; }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-map-selection,
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-map-credit,
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-map-search-controls,
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-legend { display: none; }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-explorer { padding: .6rem; }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-panel-heading { margin-bottom: .35rem; }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-panel-heading h2 { font-size: .9rem; }
}
@media (max-width:680px) {
  .atlas-discovery-v1910 .atlas-main { padding: 1rem .8rem 1.2rem; }
  .atlas-discovery-v1910 .atlas-site-header { min-height: 4.3rem; padding: .75rem .8rem; gap: .5rem; }
  .atlas-discovery-v1910 .atlas-site-nav { gap: .6rem; font-size: .65rem; }
  .atlas-discovery-v1910 .atlas-hero :is(h1,h2) { font-size: 1.7rem; }
  .atlas-discovery-v1910 .atlas-discovery-controls > summary { gap: .35rem; padding-inline: .6rem; font-size: .7rem; }
  .atlas-discovery-v1910 .atlas-discovery-controls > summary small { max-width: 52%; font-size: .58rem; }
  .atlas-discovery-v1910 .atlas-explorer,.atlas-discovery-v1910 .atlas-detail { padding: .7rem; }
  .atlas-discovery-v1910 .atlas-map-viewport { height: 365px; min-height: 300px; }
  .atlas-discovery-v1910 .atlas-panel-heading { display: flex; flex-wrap: wrap; }
  .atlas-discovery-v1910 .atlas-panel-heading h2 { font-size: 1.1rem; }
  .atlas-discovery-v1910 .atlas-view-switch { margin-left: auto; }
  .atlas-discovery-v1910 .atlas-view-switch button { font-size: .6rem; padding-inline: .45rem; }
  .atlas-discovery-v1910 .atlas-pref-compact h2 { font-size: 1.4rem; }
  .atlas-discovery-v1910 .atlas-show-summary { grid-template-columns: 54px minmax(0,1fr) 14px; gap: .55rem; padding: .65rem .55rem; min-height: 100px; }
  .atlas-discovery-v1910 .atlas-show-thumbnail { width: 54px; height: 62px; }
  .atlas-discovery-v1910 .atlas-show-copy > strong { font-size: .75rem; }
  .atlas-discovery-v1910 .atlas-show-date { font-size: .65rem; }
  .atlas-discovery-v1910 .atlas-record-toolbar { grid-template-columns: minmax(0,1fr); }
  .atlas-discovery-v1910 [data-explore-stage="shows"] .atlas-map-viewport { height: 320px; min-height: 320px; }
}
@media (prefers-reduced-motion:reduce) {
  .atlas-discovery-v1910 .atlas-detail { animation: none; }
  .atlas-discovery-v1910 :is(.atlas-show-thumbnail img,.atlas-show-open,.atlas-show-summary) { transition: none; }
}
/* v1910 preview refinement: the actual map leads both visual and keyboard order. */
.atlas-discovery-v1910 .atlas-map-tools { margin-top: .55rem; }
.atlas-discovery-v1910 .atlas-map-below { margin-top: .45rem; }
.atlas-discovery-v1910 .atlas-map-below > .atlas-panel-heading { justify-content: flex-end; margin-bottom: .2rem; }
.atlas-discovery-v1910 .atlas-map-below > .atlas-panel-heading > div:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; }
.atlas-discovery-v1910 .atlas-map-below .atlas-view-switch { margin-left: auto; }
.atlas-discovery-v1910 .atlas-map-below .atlas-map-search-controls { margin-top: .2rem; }
.atlas-discovery-v1910 .atlas-map-below .atlas-legend { margin-bottom: .25rem; }
.atlas-discovery-v1910 .atlas-workspace + .atlas-discovery-controls { margin-top: .8rem; }
@media(max-width:680px) {
 .atlas-discovery-v1910 .atlas-hero { margin-bottom: .65rem; }
 .atlas-discovery-v1910 .atlas-explorer { padding-top: .55rem; }
 .atlas-discovery-v1910 .atlas-map-viewport { height: 365px; }
 .atlas-discovery-v1910 .atlas-map-selection { margin-bottom: .25rem; }
}

/* Regional selection remains comfortable on a phone, including thin Tokyo. */
.atlas-discovery-v1910 .atlas-map-label,
.atlas-discovery-v1910 .atlas-map-count { pointer-events: visiblePainted; cursor: pointer; stroke-width: 2px; }
.atlas-discovery-v1910 .atlas-map-region-shortcuts { margin-top: .65rem; }
@media(max-width:680px) {
 .atlas-discovery-v1910 .atlas-map-region-shortcuts { grid-template-columns: repeat(3,minmax(0,1fr)); gap: .4rem; }
 .atlas-discovery-v1910 .atlas-map-region-shortcuts button { flex-direction: row; justify-content: space-between; align-items: center; min-height: 48px; padding: .5rem .65rem; font-size: .75rem; }
 .atlas-discovery-v1910 .atlas-map-region-shortcuts button strong { font-size: .9rem; }
 .atlas-discovery-v1910 .atlas-map-tools { display: flex; margin-top: .55rem; }
}