.maps-page{padding-top:18px}
.db-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap}
.db-meta{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px}
.meta-box,.stat-box{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.03)}
.meta-box span,.stat-box span{display:block;font-size:12px;opacity:.72;margin-bottom:6px}
.meta-box strong,.stat-box strong{font-size:20px}
.db-search{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}
.db-search .grow{flex:1 1 320px}
.db-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start}
.db-list-card,.db-detail-card{padding:22px}
.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.section-head h2,.section-head h3{margin:0}
.maps-list,.map-spawn-list{display:flex;flex-direction:column;gap:10px}
.map-entry,.drop-entry{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:10px 12px;transition:.18s ease}
.map-entry:hover,.drop-entry:hover,.map-entry.is-active{transform:translateY(-1px);border-color:rgba(255,215,120,.45);background:rgba(255,215,120,.08)}
.map-entry-thumb,.map-spawn-thumb{width:68px;height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.96);border:1px solid rgba(37,58,92,.12);overflow:hidden}
.map-entry-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.map-spawn-thumb img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}
.map-entry-fallback{font-size:18px;font-weight:700;opacity:.75}
.map-entry-copy,.drop-copy{display:flex;flex-direction:column;min-width:0}
.map-entry-copy strong,.drop-copy strong{line-height:1.2}
.map-entry-copy small,.drop-copy small{opacity:.72;margin-top:4px}
.map-pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}
.db-detail-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}
.db-detail-head h2{margin:4px 0 6px}
.db-detail-head p{margin:0;opacity:.72}
.db-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.detail-block{margin-top:18px}
.empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:18px;background:rgba(255,255,255,.02)}
.muted{opacity:.72}
.form-alert{border-radius:16px;padding:14px 16px;margin-top:18px}
.form-alert strong{display:block;margin-bottom:6px}
.form-alert--error{border:1px solid rgba(255,96,96,.35);background:rgba(255,96,96,.08)}
.mob-map-stage{position:relative;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(37,58,92,.12)}
.mob-map-stage img{display:block;width:100%;height:auto;image-rendering:pixelated}
.map-stage-large{max-width:100%;min-height:160px}
.mob-map-point{position:absolute;width:10px;height:10px;border-radius:999px;background:#ffb703;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(255,183,3,.25);transform:translate(-50%,-50%)}
.mob-map-fallback{padding:18px;border-radius:14px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
.mob-map-status{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;font-size:12px;line-height:1;background:rgba(255,255,255,.08)}
.map-meta-inline{display:flex;gap:8px;flex-wrap:wrap}
.map-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.map-spawn-entry{align-items:center}

@media (max-width: 1024px){
  .db-layout{grid-template-columns:1fr}
  .db-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 640px){
  .db-meta{grid-template-columns:1fr}
  .db-search{display:grid}
  .db-stat-grid{grid-template-columns:1fr}
}