.map-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:24px 0}.map-heading h1{margin-bottom:6px}.map-heading p{margin:0}.map-progress{min-width:245px;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:13px}.map-progress strong{font-size:32px;color:var(--purple);display:block;line-height:1.1}.map-progress>span{color:var(--muted);font-size:12px}.map-progress .progress{margin:12px 0 0}.map-shell{background:#0b1530;border:1px solid #354575;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #16214a22}.map-toolbar,.map-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;color:#d9e1ff;background:#101c3c;font-size:13px}.map-toolbar{border-bottom:1px solid #354575}.map-bottom{border-top:1px solid #354575;flex-wrap:wrap}.map-controls{display:flex;gap:8px;align-items:center}.map-controls button{padding:8px 14px;min-width:44px;min-height:44px;background:#263b70;color:#f5f7ff;border:1px solid #52699a}.map-controls button:hover{background:#385394}.map-panel{height:540px;background:#0b1530;border:0;border-radius:0}.map-panel canvas{outline-offset:-3px}.map-panel canvas:focus-visible{outline:3px solid #c3b6ff}#map-tooltip{background:#f4f5ff;color:#111b3e;border:1px solid #aaa3db;box-shadow:0 8px 24px #0005;max-width:250px;z-index:2}.map-bottom .legend{padding:0;gap:16px;color:#dce4ff}.map-bottom .legend i{width:12px;height:12px}.state-completed{background:#42dbc4}.state-available{background:#9d8cff}.state-pending{background:#91a6dc}.state-locked{background:#697897}.map-selection{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:22px 0}.map-selection h2{margin:4px 0}.map-selection p{margin:0}.quick-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.quick-map{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 13px;background:#eeecfa;border:1px solid #d7d1f0;border-radius:12px;padding:17px;color:#38317f}.quick-map:hover{background:#e3dffa;text-decoration:none}.quick-map>span{grid-row:span 2;font-size:28px}.quick-map strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-map small{grid-column:2}.quick-map b{grid-column:3;grid-row:1 / span 2;font-size:13px}@media(max-width:850px){.quick-maps{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.map-heading{display:block}.map-progress{margin-top:20px}.map-toolbar{display:block}.map-controls{margin-top:12px;flex-wrap:wrap}.map-panel{height:520px}.map-selection{display:block}.map-selection .button{margin-top:16px}.quick-maps{grid-template-columns:1fr}.map-bottom{font-size:12px}}
@media(prefers-reduced-motion:reduce){.map-shell *, .quick-map{animation:none!important;transition:none!important}}