.map-canvas{border:1px solid var(--surface-border);background:var(--bg-main);border-radius:8px;width:100%;position:relative;overflow:hidden}.map-canvas>.map-canvas__surface{width:100%;height:100%;position:absolute;inset:0}.map-canvas__surface .maplibregl-canvas-container,.map-canvas__surface .maplibregl-canvas{touch-action:none}.map-canvas__overlay{background:var(--bg-main);color:var(--text-main);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.9rem;display:flex;position:absolute;inset:0}.map-canvas__overlay--error{color:var(--danger)}.map-canvas__spinner{border:2px solid var(--surface-border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite map-canvas-spin}@keyframes map-canvas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.map-canvas__spinner{animation:none}}.map-canvas--unavailable{justify-content:center;align-items:center;padding:16px;display:flex}.map-canvas__message{color:var(--text-main);text-align:center;margin:0;font-size:.9rem}.map-canvas__hint{opacity:.75;font-size:.8rem}.map-canvas__retry{border:1px solid var(--primary);min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:0 18px;font-size:.9rem;font-weight:600}