.civ-map-wrapper{background:#f7f7f9;border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,.08);display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.25rem}.civ-map-sidebar{display:flex;flex:0 0 280px;flex-direction:column;font-size:14px;gap:1rem;max-width:320px}.civ-map-main{flex:1 1 420px;min-width:320px}.civ-map{border-radius:16px;box-shadow:0 0 0 1px rgba(15,23,42,.06);height:520px;overflow:hidden;width:100%}.civ-map-title{font-size:18px;font-weight:600;margin:0}.civ-map-intro{color:#4b5563;font-size:13px;margin:.25rem 0 0}.civ-map-progress{background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(15,23,42,.04);padding:.75rem .75rem .5rem}.civ-map-progress-bar{background:#e5e7eb;border-radius:999px;height:6px;margin-bottom:.5rem;overflow:hidden;position:relative}.civ-map-progress-fill{background:linear-gradient(90deg,#a855f7,indigo);border-radius:inherit;height:100%;transition:width .7s ease;width:0}.civ-map-progress-steps{color:#6b7280;font-size:12px;list-style:none;margin:0;padding:0}.civ-step{align-items:center;display:flex;gap:.4rem;padding:.15rem 0}.civ-step:before{background:#f9fafb;border:1px solid #d1d5db;border-radius:999px;content:"";flex-shrink:0;height:8px;width:8px}.civ-step.active{color:#111827;font-weight:600}.civ-step.active:before{background:indigo;border-color:indigo}.civ-step.done{color:#6d28d9}.civ-step.done:before{background:#a855f7;border-color:#a855f7}.civ-map-phase-line{color:indigo;font-size:11px;line-height:1.4;margin-top:.35rem}.civ-map-legend{background:#fff;border-radius:12px;box-shadow:0 0 0 1px rgba(15,23,42,.04);font-size:12px;padding:.75rem}.civ-map-legend-title{font-weight:600;margin-bottom:.4rem}.civ-map-legend-bar{background:linear-gradient(90deg,#fff 0,indigo);border:1px solid #e5e7eb;border-radius:999px;height:12px;margin-bottom:.25rem}.civ-map-legend-scale{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-bottom:.25rem}.civ-map-legend-nodata{color:#9ca3af;font-size:11px}.civ-map-status{color:#4b5563;font-size:12px}.civ-map-status-error{color:#b91c1c;font-weight:600}@media (max-width:768px){.civ-map-wrapper{flex-direction:column}.civ-map-sidebar{max-width:100%}.civ-map{height:420px}}