/* DEV map testing mode. Loaded last so the atlas is not narrowed by legacy panel geometry. */
@media (min-width:801px) {
  .game-screen .side-panel.is-regions-panel,
  .game-screen .side-panel.is-regions-panel.is-open {
    top:28px;
    right:auto;
    bottom:auto;
    left:50%;
    width:min(1180px,calc(100vw - 56px));
    height:min(860px,calc(100dvh - 56px));
    max-width:none;
    max-height:none;
    border:1px solid rgba(205,226,237,.95);
    border-radius:28px!important;
    box-shadow:0 34px 90px rgba(4,30,47,.34),0 0 0 9999px rgba(5,31,43,.28);
  }

  .game-screen .side-panel.is-regions-panel {
    opacity:0;
    transform:translate(-50%,20px) scale(.985);
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);
  }

  .game-screen .side-panel.is-regions-panel.is-open {
    opacity:1;
    transform:translate(-50%,0) scale(1);
  }

  .is-regions-panel .kanto-atlas-scroll {
    overflow-x:auto;
  }
}

.kanto-test-access {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding:11px 14px;
  border:1px solid #8fd8bc;
  border-radius:15px;
  background:linear-gradient(135deg,#e9fff5,#eef9ff);
  color:#22664e;
}
.kanto-test-access b {
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:8px;
  background:#1fa66d;
  color:#fff;
  font-size:8px;
  letter-spacing:.06em;
}
.kanto-test-access span { font-size:9px; font-weight:800; }
.kanto-atlas-legend span.is-test::before { background:#19a9c9; box-shadow:0 0 0 3px rgba(25,169,201,.18); }
.kanto-atlas-node.is-test-access > i { background:var(--node-accent,#19a9c9); }
.kanto-atlas-node.is-test-access > span { color:#174f66; }
.kanto-location-row.is-test-access { border-color:#9edce6; background:#f0fcff; cursor:pointer; }
.kanto-location-row.is-test-access > i { background:#d9f7fb; color:#168eaa; }
.kanto-location-row.is-test-access > em { color:#168eaa; }

.kanto-atlas-canvas {
  background-color:#83c997;
  background-image:linear-gradient(rgba(235,255,246,.17),rgba(35,111,91,.15)),url('/assets/v2.9.61/maps/kanto-region-atlas-v1.png');
  background-position:center;
  background-size:cover;
}
.kanto-atlas-canvas::before { background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(13,77,70,.08)); }
.kanto-atlas-water { display:none; }

@media (min-width:1400px) {
  .game-screen .side-panel.is-regions-panel,
  .game-screen .side-panel.is-regions-panel.is-open {
    width:min(1320px,calc(100vw - 72px));
  }
}

@media (max-width:800px) {
  .kanto-test-access { align-items:flex-start; flex-direction:column; gap:7px; }
}
