/* v2.31.2 — calm map language: the atlas is navigation, not a dashboard. */

.region-map-v2204 {
  --atlas-ink:#173e4c;
  --atlas-muted:#6d858c;
  --atlas-border:#d7e7e1;
  --atlas-surface:#f8fcfa;
  --atlas-route:#2f9eb5;
  --atlas-focus:#f2a83b;
}

.region-map-v2204-header {
  min-height:78px;
  padding:17px 20px;
  background:linear-gradient(112deg,#0f4656 0%,#195f6a 54%,#328b82 100%);
}
.region-map-v2204-header > div:first-child > span { color:#d5f7ec;background:rgba(255,255,255,.1); }
.region-map-v2204-header h2 { font-size:28px;letter-spacing:-.045em; }
.region-map-v2204-header p { color:#b8e0dc;font-size:10px; }
.region-map-v2204-test-toggle { min-width:128px;min-height:34px;padding:5px 8px;border-radius:11px;box-shadow:none; }
.region-map-v2204-test-toggle > i { width:22px;height:22px;border-radius:7px; }
.region-map-v2204-test-toggle b { font-size:8px; }
.region-map-v2204-test-toggle small { display:none; }

.region-map-v2204-stage { grid-template-rows:auto minmax(0,1fr) auto;padding:14px 15px 13px 17px; }
.region-map-v2204-toolbar { min-height:28px;padding:0 2px 9px; }
.region-map-v2204-legend,
.region-map-v2221-test-locations { display:none!important; }
.region-map-v2301-summary { display:flex;align-items:center;min-width:0;gap:7px;color:var(--atlas-muted);font-size:9px;font-weight:800; }
.region-map-v2301-summary span,
.region-map-v2301-summary strong { overflow:hidden;max-width:150px;text-overflow:ellipsis;white-space:nowrap; }
.region-map-v2301-summary strong { color:var(--atlas-ink); }
.region-map-v2301-summary i { color:#9ab1b1;font-style:normal;font-size:14px; }
.region-map-v2204-toolbar > em { color:#6c858e;font-size:9px; }
.region-map-v2312-key { display:flex;align-items:center;justify-content:center;gap:10px;min-width:0; }
.region-map-v2312-key span { display:flex;align-items:center;gap:4px;color:#607a82;font-size:7px;font-weight:900;white-space:nowrap; }
.region-map-v2312-key span::before { width:7px;height:7px;border:1px solid rgba(255,255,255,.95);border-radius:50%;content:"";box-shadow:0 0 0 1px rgba(13,56,66,.16); }
.region-map-v2312-key .is-current::before { background:#f2ae42;box-shadow:0 0 0 3px rgba(242,174,66,.2); }
.region-map-v2312-key .is-open::before { background:#218ea7; }
.region-map-v2312-key .is-locked::before { background:#8c9ca0; }

.region-map-v2204-viewport { border-color:#bed9d2;border-radius:18px;background:#83cbb6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 7px 20px rgba(18,66,68,.1); }
.region-map-v2204-canvas::after { background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 46%,rgba(7,55,62,.11));box-shadow:inset 0 0 35px rgba(7,55,64,.1); }
.region-map-v2204-canvas line { opacity:.22;stroke:#dceff0;stroke-width:4;stroke-dasharray:none;filter:none; }
.region-map-v2204-canvas line.is-locked { opacity:.12;stroke:#365d62;stroke-dasharray:2 9; }
.region-map-v2204-canvas line.is-planned { opacity:.94;stroke:var(--atlas-route);stroke-width:5;stroke-dasharray:7 7;filter:drop-shadow(0 1px 1px rgba(255,255,255,.82)); }
.region-map-v2204-canvas line.is-selected-edge { stroke:var(--atlas-focus); }

.region-map-v2204-node { width:20px;height:20px;border-width:2px;background:#7b8b90;box-shadow:0 2px 5px rgba(7,44,52,.28); }
.region-map-v2204-node.is-open:not(.is-current):not(.is-selected) { background:#2b91a7; }
.region-map-v2204-node > i svg { width:9px;height:9px; }
.region-map-v2204-node.is-hub:not(.is-current) { width:22px;height:22px; }
.region-map-v2204-node.is-current { width:26px;height:26px;background:#f2ae42;box-shadow:0 0 0 4px rgba(242,174,66,.22),0 3px 8px rgba(6,45,52,.3); }
.region-map-v2204-node.is-selected { width:28px;height:28px;background:var(--node-accent,#1f92a5);box-shadow:0 0 0 4px rgba(255,255,255,.76),0 5px 12px rgba(5,49,58,.35); }
.region-map-v2204-node.is-on-route:not(.is-selected):not(.is-current) { box-shadow:0 0 0 3px rgba(47,158,181,.22),0 2px 6px rgba(7,44,52,.3); }
.region-map-v2204-node.is-locked { opacity:.42;filter:saturate(.3); }
.region-map-v2204-node > span { top:calc(100% + 6px);max-width:128px;padding:4px 7px;border-color:rgba(255,255,255,.92);border-radius:8px;color:#174252;background:rgba(251,255,253,.96);box-shadow:0 2px 8px rgba(8,45,52,.13);font-size:7px; }
.region-map-v2204[data-zoomed="true"] .region-map-v2204-node:not(.is-locked) > span { opacity:0;transform:translate(-50%,-3px); }
.region-map-v2204[data-zoomed="true"] .region-map-v2204-node.has-label > span,
.region-map-v2204-node.has-label > span,
.region-map-v2204-node:hover > span,
.region-map-v2204-node:focus-visible > span { opacity:1;transform:translate(-50%,0); }
.region-map-v2204-node > em { top:-7px;right:-7px;min-width:15px;height:15px;padding:0;border:2px solid #fff;background:var(--atlas-route);font-size:7px;line-height:11px;box-shadow:0 2px 5px rgba(10,68,84,.28); }
.region-map-v2204-zoom { display:grid!important;grid-template-columns:34px 34px 34px!important;grid-auto-flow:column!important;gap:1px!important;width:auto!important;min-width:0!important;height:38px!important;padding:2px!important;overflow:hidden!important;right:10px;bottom:10px;border-color:rgba(13,63,70,.78);background:rgba(10,55,63,.9);box-shadow:0 4px 13px rgba(8,51,58,.18); }
.region-map-v2204-zoom output { display:none!important; }
.region-map-v2204-zoom button,
.region-map-v2204-zoom button:last-child { display:grid!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important; }
.region-map-v2204-zoom button:last-child { color:#174252;background:#f7fcfa; }
.region-map-v2204-zoom button:last-child svg { width:15px!important;height:15px!important; }
.region-map-v2204-zoom button:last-child span { display:none!important; }

.region-map-v2204-sidebar { display:grid;align-content:start;gap:10px;padding:13px;background:linear-gradient(180deg,#f5fbf8,#edf6f1); }
.region-map-v2204-selection,
.region-teleport-v2204 { border-color:var(--atlas-border);border-radius:15px;box-shadow:0 5px 17px rgba(18,63,67,.06); }
.region-map-v2204-selection-art { min-height:102px;padding:11px; }
.region-map-v2204-selection-art b { font-size:16px; }
.region-map-v2204-selection-copy { padding:11px; }
.region-map-v2204-selection-copy > p { min-height:0;margin-bottom:9px;font-size:9px; }
.region-map-v2204-selection-copy > div { gap:6px;margin-bottom:8px; }
.region-map-v2204-selection-copy > div > span { padding:7px 8px; }
.region-map-v2204-selection-copy ul { display:none; }
.region-map-v2204-primary { min-height:42px;border-radius:11px;background:linear-gradient(135deg,#168aa2,#14788b);box-shadow:0 5px 12px rgba(14,109,130,.18); }
.region-route-v2204 { display:none; }

.region-teleport-v2204 { margin-top:0;padding:12px; }
.region-teleport-v2204 > header { align-items:center; }
.region-teleport-v2204 > header > i { width:34px;height:34px;padding:3px;border-radius:11px;background:linear-gradient(145deg,#8161bd,#5b3d9e);box-shadow:0 5px 11px rgba(91,61,158,.18); }
.region-teleport-v2204 > header > i img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(23,12,62,.25)); }
.region-teleport-v2204 > header b { font-size:13px; }
.region-teleport-v2204 > header > em { color:#563d78;background:#eee7f6;font-size:7px; }
.region-teleport-v2204 > p { margin:8px 0;color:#607a84;font-size:8px; }
.region-teleport-v2301-guide { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:6px 8px;border-radius:8px;color:#4d3b67;background:#f6f2fb; }
.region-teleport-v2301-guide small,
.region-teleport-v2301-destinations-head span { color:#80659e;font-size:6px;font-weight:950;letter-spacing:.1em; }
.region-teleport-v2301-guide b { overflow:hidden;color:#4d3b67;font-size:8px;text-overflow:ellipsis;white-space:nowrap; }
.region-teleport-v2204-sources { gap:7px;margin:0 0 10px; }
.region-teleport-v2204-source { display:grid;grid-template-columns:34px minmax(0,1fr) auto;min-width:175px;padding:7px;border-radius:10px;background:#f8fbfa; }
.region-teleport-v2204-source.is-selected { border-color:#8969c0;background:#f5f0fc;box-shadow:inset 0 0 0 1px rgba(137,105,192,.15); }
.region-teleport-v2204-source-art,
.region-teleport-v2204-source > img { width:34px!important;height:34px!important;object-fit:contain; }
.region-teleport-v2204-source span { gap:1px;align-self:center; }
.region-teleport-v2204-source small { color:#9276b0;font-size:6px;font-weight:950;letter-spacing:.05em; }
.region-teleport-v2204-source b { color:#244654;font-size:9px; }
.region-teleport-v2204-source em { color:#6d7f85;font-size:7px;font-style:normal;font-weight:800; }
.region-teleport-v2204-source > i { display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#7552ae; }
.region-teleport-v2204-source > i svg { width:11px;height:11px; }
.region-teleport-v2204-empty { min-width:0;padding:8px; }
.region-teleport-v2204-empty > img { width:31px;height:31px;object-fit:contain; }
.region-teleport-v2301-destinations-head { display:flex;align-items:center;justify-content:space-between;margin:0 1px 6px; }
.region-teleport-v2301-destinations-head b { display:grid;place-items:center;min-width:17px;height:17px;border-radius:999px;color:#fff;background:#388f78;font-size:7px; }
.region-teleport-v2204-destinations { grid-template-columns:1fr;max-height:180px;gap:5px; }
.region-teleport-v2204-destination { grid-template-columns:28px minmax(0,1fr) auto;min-height:44px;padding:6px 7px;border-radius:10px; }
.region-teleport-v2204-destination > i { width:28px;height:28px;border-radius:9px; }
.region-teleport-v2204-destination b { font-size:8px; }
.region-teleport-v2204-destination small { font-size:6px; }
.region-teleport-v2204 > footer { display:none; }
.region-teleport-v2204.needs-guide { padding-bottom:10px; }
.region-teleport-v2204.needs-guide > header { margin-bottom:4px; }
.region-teleport-v2312-empty-copy { margin:5px 0 8px!important;padding:7px 8px;border-radius:9px;color:#6d7f85!important;background:#f4f1f8;font-size:8px!important;line-height:1.35!important; }
.region-teleport-v2204.needs-guide .region-teleport-v2204-sources { margin:0; }
.region-teleport-v2204.needs-guide .region-teleport-v2204-empty { width:100%;min-height:44px;padding:7px 8px; }

@media (max-width:760px), (pointer:coarse) and (max-height:560px) {
  .region-map-v2204-header { min-height:65px;padding:9px max(12px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left)); }
  .region-map-v2204-header h2 { font-size:21px; }
  .region-map-v2204-header p { display:none; }
  .region-map-v2204-toolbar { padding-inline:12px; }
  .region-map-v2301-summary span,
  .region-map-v2301-summary strong { max-width:112px; }
  .region-map-v2204-toolbar > em { display:none; }
  .region-map-v2312-key { display:none; }
  .region-map-v2204-viewport { height:min(48vh,400px);min-height:255px; }
  .region-map-v2204-node { width:22px;height:22px; }
  .region-map-v2204-node.is-current,
  .region-map-v2204-node.is-selected { width:29px;height:29px; }
  .region-map-v2204-node > span { font-size:7px; }
  .region-map-v2204-sidebar { padding:10px max(12px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
  .region-map-v2204-selection { grid-template-columns:104px minmax(0,1fr); }
  .region-map-v2204-selection-art { min-height:100%;padding:9px; }
  .region-map-v2204-selection-copy { padding:9px; }
  .region-map-v2204-selection-copy > p { display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
  .region-teleport-v2204 { padding:10px; }
  .region-teleport-v2204-sources { overflow-x:auto;scroll-snap-type:x mandatory; }
  .region-teleport-v2204-source { flex:0 0 min(78vw,250px);scroll-snap-align:start; }
  .region-teleport-v2204-destinations { grid-template-columns:1fr 1fr;max-height:none; }
}

@media (max-width:430px) {
  .region-map-v2204-selection { display:block; }
  .region-map-v2204-selection-art { min-height:88px; }
  .region-map-v2204-selection-copy > p { display:none; }
  .region-teleport-v2204-destinations { grid-template-columns:1fr; }
  .region-map-v2204-zoom output { display:none; }
}