.map-impact-container{width:100%;height:600px;position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(249,115,22,.2);background:var(--color-ash-950);box-shadow:0 0 40px rgba(0,0,0,.4)}.map-impact-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;opacity:.85}.map-controls{position:absolute;top:1.5rem;left:1.5rem;z-index:20;display:flex;flex-direction:column;gap:1rem;max-width:320px}.map-control-panel{background:rgba(10,10,8,.85);backdrop-filter:blur(8px);border:1px solid rgba(249,115,22,.2);border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.5)}.map-horizon-tabs{display:flex;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:.5rem;padding:.25rem;margin-bottom:1rem}.map-horizon-tab{flex:1;padding:.5rem;font-family:var(--font-family-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);border-radius:.375rem;transition:all .2s ease;cursor:pointer}.map-horizon-tab.active{background:rgba(249,115,22,.15);color:var(--color-scorched-400);border:1px solid rgba(249,115,22,.3)}.map-metric-display{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(249,115,22,.1)}.map-metric-label{font-family:var(--font-family-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.3);margin-bottom:.25rem}.map-metric-value{font-family:var(--font-family-serif);font-size:1.5rem;color:rgba(255,255,255,.9)}.map-metric-unit{font-size:.9rem;color:rgba(255,255,255,.4);margin-left:.25rem}.map-legend{position:absolute;bottom:2.5rem;right:1.5rem;z-index:20;background:rgba(10,10,8,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;font-family:var(--font-family-mono);font-size:.65rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 30px rgba(0,0,0,.6)}.legend-item{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.12em}.legend-color{width:12px;height:12px;border-radius:2px}.color-flood{background:rgba(135,206,250,.8);box-shadow:0 0 10px rgba(135,206,250,.4)}.color-fringe{background:rgba(135,206,250,.35)}.legend-info{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.3);font-size:.6rem}.map-disclaimer{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:20;font-family:var(--font-family-mono);font-size:.55rem;color:rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.15em;pointer-events:none;white-space:nowrap}.map-loading-overlay{position:absolute;inset:0;z-index:30;background:var(--color-ash-950);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.map-pulse{width:12px;height:12px;background:var(--color-scorched-500);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.5;box-shadow:0 0 0 0 rgba(249,115,22,.4)}70%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 10px rgba(249,115,22,0)}to{transform:scale(.9);opacity:.5;box-shadow:0 0 0 0 rgba(249,115,22,0)}}.map-risk-indicator{position:absolute;width:40px;height:40px;margin-left:-20px;margin-top:-20px;pointer-events:none}.risk-ring{position:absolute;inset:0;border:2px solid var(--color-ember-500);border-radius:50%;animation:risk-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes risk-ping{75%,to{transform:scale(3);opacity:0}}