/* Mapbox Shortcode v1.5.0 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* ── Map container ── */
.mapbox-shortcode-map { width:100%;min-height:300px;border-radius:14px;overflow:hidden;position:relative;background:#e8ecef;box-shadow:0 4px 24px rgba(0,0,0,.15); }
.mapbox-shortcode-loading,.mapbox-shortcode-error { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:14px;font-family:'Poppins',sans-serif; }
.mapbox-shortcode-error { color:#b42318;background:#fef3f2; }

/* ── Landmark marker ── */
.mbsc-marker { display:flex;flex-direction:column;align-items:center; }
.mbsc-label {
  background:#fff;border-radius:8px;padding:4px 10px;
  box-shadow:0 2px 12px rgba(0,0,0,.18);
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:500;
  line-height:1.3;white-space:nowrap;color:#222;
  margin-bottom:4px;text-align:center;position:relative;
  max-width:160px;overflow:hidden;text-overflow:ellipsis;
}
.mbsc-label::after { content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; }
.mbsc-pin-wrap { display:flex;justify-content:center; }
.mbsc-pin { display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));transition:transform .15s,filter .15s; }
.mbsc-marker:hover .mbsc-pin { transform:translateY(-3px);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4)); }
.mbsc-marker:hover .mbsc-label { box-shadow:0 4px 16px rgba(0,0,0,.22); }

/* ── Decorations ── */
.mbsc-deco { pointer-events:none;user-select:none;display:flex;flex-direction:column;align-items:center; }
.mbsc-deco img { display:block;max-width:none; }

/* Balloon */
.mbsc-deco-balloon { animation:mbsc-float 3.8s ease-in-out infinite;filter:drop-shadow(0 5px 7px rgba(0,0,0,.28)); }
.mbsc-deco-balloon::after {
  content:'';display:block;width:28px;height:7px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,transparent 70%);
  border-radius:50%;margin:2px auto 0;
  animation:mbsc-shadow 3.8s ease-in-out infinite;
}
@keyframes mbsc-float  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes mbsc-shadow { 0%,100%{opacity:.5;transform:scaleX(1)} 50%{opacity:.2;transform:scaleX(.65)} }

/* Dragon */
.mbsc-deco-dragon { filter:drop-shadow(0 3px 8px rgba(30,100,180,.45)); }

/* Vehicles */
.mbsc-deco-vehicle { filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)); }

/* ── Popup shell ── */
.mbsc-popup .mapboxgl-popup-content {
  padding:0;border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.15);
  overflow:hidden;min-width:265px;max-width:300px;
}
.mbsc-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip { border-top-color:#fff; }
.mbsc-popup.mapboxgl-popup-anchor-top    .mapboxgl-popup-tip { border-bottom-color:#fff; }
.mbsc-popup.mapboxgl-popup-anchor-left   .mapboxgl-popup-tip { border-right-color:#fff; }
.mbsc-popup.mapboxgl-popup-anchor-right  .mapboxgl-popup-tip { border-left-color:#fff; }
.mbsc-popup .mapboxgl-popup-close-button {
  font-size:16px;line-height:1;padding:8px 11px;
  color:#aaa;z-index:10;background:none;border:none;cursor:pointer;
}
.mbsc-popup .mapboxgl-popup-close-button:hover { color:#555; }

/* ── Popup body ── */
.mbsc-pop {
  font-family:'Poppins',sans-serif;font-weight:400;
  display:flex;flex-direction:column;
}

/* Unlocked (full) popup — scrollable */
.mbsc-pop-unlocked { overflow-y:auto;max-height:58vh;min-height:280px; }
.mbsc-pop-unlocked .mbsc-pop-head { position:sticky;top:0;z-index:2; }

/* Header */
.mbsc-pop-head {
  padding:14px 38px 12px 16px;
  border-bottom:1px solid #f0f0f0;
  background:#fff;
}
.mbsc-pop-name {
  display:block;font-size:15px;font-weight:600;
  color:#1a1a2e;line-height:1.3;letter-spacing:-.01em;
}
.mbsc-pop-pc {
  display:inline-block;margin-top:5px;
  font-size:10.5px;font-weight:400;color:#888;
  background:#f5f5f5;padding:2px 9px;border-radius:20px;
  letter-spacing:.2px;
}

/* Section rows */
.mbsc-pop-sec { padding:10px 16px;border-bottom:1px solid #f6f6f6; }
.mbsc-pop-sec:last-child { border-bottom:none; }
.mbsc-pop-sec b {
  display:block;font-size:9.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.8px;
  color:#1a1a1a;margin-bottom:4px;
}
.mbsc-pop-sec p {
  margin:0;font-size:12px;font-weight:300;
  color:#444;line-height:1.6;
}

/* ── Locked popup ── */
.mbsc-pop-locked-wrap { min-height:180px; }
.mbsc-pop-lock-body   { position:relative;overflow:hidden;min-height:140px; }
.mbsc-pop-lock-blur   { filter:blur(5px);user-select:none;pointer-events:none;opacity:.6; }
.mbsc-pop-lock-overlay {
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(2px);cursor:pointer;
}
.mbsc-lock-icon { font-size:28px;line-height:1; }
.mbsc-lock-msg  {
  margin:7px 0 0;font-size:11.5px;font-weight:500;
  color:#333;letter-spacing:.2px;font-family:'Poppins',sans-serif;
}