.map-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--ticker-height) - var(--navbar-height));padding-top:calc(var(--ticker-height) + var(--navbar-height))}.map-topbar{background:linear-gradient(180deg,rgba(15,0,0,.95) 0,rgba(10,10,10,.98) 100%);border-bottom:1px solid rgba(204,0,0,.25);padding:1rem 1.5rem;position:relative;z-index:20}.map-topbar-inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.map-topbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.map-topbar h1{font-family:var(--font-subheadline);font-weight:700;font-size:clamp(.85rem, 2vw, 1.1rem);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.6rem}.map-topbar h1 .hud-live{display:inline-flex;align-items:center;gap:.35rem;background:rgba(204,0,0,.15);border:1px solid rgba(204,0,0,.4);padding:.2rem .6rem;border-radius:2px;font-size:.65rem;color:var(--accent-red);letter-spacing:.12em}.hud-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-red);animation:pulse 1.5s ease-in-out infinite}.map-stats-bar{display:flex;gap:1.25rem;flex-wrap:wrap}.map-stat{display:flex;align-items:baseline;gap:.4rem}.map-stat-value{font-family:var(--font-headline);font-weight:900;font-size:1rem;color:var(--accent-orange)}.map-stat-label{font-family:var(--font-body);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.map-topbar .map-filter-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.map-filter-label{font-family:var(--font-subheadline);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-right:.25rem}.map-filter-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-family:var(--font-subheadline);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .75rem;border-radius:2px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.35rem}.map-filter-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.map-filter-btn.active{background:rgba(204,0,0,.15);border-color:rgba(204,0,0,.5);color:#fff}.filter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-dot--all{background:var(--text-secondary)}.filter-dot--nuclear{background:#b6f}.filter-dot--military{background:#f44}.filter-dot--government{background:#fa3}.filter-dot--naval{background:#3bd}.map-viewport{flex:1;position:relative;min-height:500px;overflow:hidden;background:#060810}.map-viewport::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:15}.map-viewport::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:14}.map-canvas{position:absolute;inset:0;transition:transform .35s cubic-bezier(.22, 1, .36, 1);transform-origin:center center}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(50,80,50,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(50,80,50,.07) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:1}.map-svg-layer{position:absolute;inset:0;z-index:2}.map-svg-layer svg{width:100%;height:100%}.country-outline{fill:rgba(30,50,30,0.25);stroke:rgba(100,160,100,0.2);stroke-width:.5;transition:fill .3s,stroke .3s}.country-outline--iran{fill:rgba(60,20,20,0.3);stroke:rgba(204,0,0,0.25);stroke-width:.8}.country-outline--water{fill:rgba(10,20,40,0.4);stroke:rgba(40,80,140,0.15);stroke-width:.4}@keyframes radar-sweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}.map-radar{position:absolute;width:300px;height:300px;top:25%;left:48%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;opacity:.15}.map-radar-sweep{width:100%;height:100%;animation:radar-sweep 8s linear infinite}.tac-pin{position:absolute;z-index:10;cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s ease,opacity .4s ease,z-index 0s}.tac-pin:hover{transform:translate(-50%,-50%) scale(1.25);z-index:25}.tac-pin.active{z-index:30}.tac-pin-core{position:relative;width:18px;height:18px}.tac-pin-ring{position:absolute;inset:-6px;border-radius:50%;border:1.5px solid;opacity:.4;animation:pulse 2.5s ease-in-out infinite}.tac-pin-ring2{position:absolute;inset:-14px;border-radius:50%;border:1px solid;opacity:.15;animation:pulse 3s ease-in-out infinite .5s}.tac-pin-dot{position:absolute;inset:3px;border-radius:50%}.tac-pin.active .tac-pin-core{filter:brightness(1.5)}.tac-pin--dimmed{pointer-events:none;transition:opacity .4s ease}.tac-pin--dimmed .tac-pin-ring,.tac-pin--dimmed .tac-pin-ring2{animation:none}@keyframes pin-flash-scale{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.6);opacity:1}60%{transform:translate(-50%,-50%) scale(.9)}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes pin-flash-ring{0%{transform:scale(.5);opacity:0}40%{transform:scale(2.5);opacity:.6}100%{transform:scale(4);opacity:0}}.tac-pin--flash{animation:pin-flash-scale .9s cubic-bezier(.34,1.56,.64,1) forwards;z-index:35!important}.tac-pin--flash::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:rgba(255,255,255,.25);animation:pin-flash-ring .9s ease-out forwards;pointer-events:none}.tac-pin--nuclear .tac-pin-dot{background:#b6f;box-shadow:0 0 8px rgba(187,102,255,.5)}.tac-pin--nuclear .tac-pin-ring,.tac-pin--nuclear .tac-pin-ring2{border-color:#b6f}.tac-pin--military .tac-pin-dot{background:#f44;box-shadow:0 0 8px rgba(255,68,68,.5)}.tac-pin--military .tac-pin-ring,.tac-pin--military .tac-pin-ring2{border-color:#f44}.tac-pin--government .tac-pin-dot{background:#fa3;box-shadow:0 0 8px rgba(255,170,51,.5)}.tac-pin--government .tac-pin-ring,.tac-pin--government .tac-pin-ring2{border-color:#fa3}.tac-pin--naval .tac-pin-dot{background:#3bd;box-shadow:0 0 8px rgba(51,187,221,.5)}.tac-pin--naval .tac-pin-ring,.tac-pin--naval .tac-pin-ring2{border-color:#3bd}.tac-pin--coalition .tac-pin-dot{border-radius:3px;background:#3d7;box-shadow:0 0 8px rgba(51,221,119,.5)}.tac-pin--coalition .tac-pin-ring,.tac-pin--coalition .tac-pin-ring2{border-color:#3d7}.tac-pin--coalition .tac-pin-ring{border-radius:5px}.tac-pin--coalition .tac-pin-ring2{border-radius:8px}.tac-pin-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:rgba(10,10,10,.95);border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:.35rem .6rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:40}.tac-pin:hover .tac-pin-tooltip{opacity:1}.tac-pin-tooltip-name{font-family:var(--font-subheadline);font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.tac-pin-tooltip-type{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.info-drawer{position:absolute;right:0;top:0;bottom:0;width:360px;max-width:100vw;background:rgba(8,8,12,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(204,0,0,.2);transform:translateX(100%);transition:transform .35s cubic-bezier(.22, 1, .36, 1);z-index:50;display:flex;flex-direction:column;overflow:hidden}.info-drawer.open{transform:translateX(0)}.info-drawer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-red),var(--accent-orange))}.info-drawer-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.info-drawer-header h3{font-family:var(--font-headline);font-weight:900;font-size:1.3rem;color:var(--text-primary);line-height:1.2}.info-drawer-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:3px;color:var(--text-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0;transition:background .2s}.info-drawer-close:hover{background:rgba(204,0,0,.2);border-color:rgba(204,0,0,.4)}.info-drawer-type{display:inline-block;font-family:var(--font-subheadline);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:2px;margin-top:.5rem}.info-drawer-type--nuclear{background:rgba(187,102,255,.15);color:#b6f;border:1px solid rgba(187,102,255,.3)}.info-drawer-type--military{background:rgba(255,68,68,.15);color:#f44;border:1px solid rgba(255,68,68,.3)}.info-drawer-type--government{background:rgba(255,170,51,.15);color:#fa3;border:1px solid rgba(255,170,51,.3)}.info-drawer-type--naval{background:rgba(51,187,221,.15);color:#3bd;border:1px solid rgba(51,187,221,.3)}.info-drawer-body{flex:1;overflow-y:auto;padding:1.25rem}.info-field{margin-bottom:1.25rem}.info-field-label{font-family:var(--font-subheadline);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-red);margin-bottom:.35rem}.info-field-value{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.info-status{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:3px;margin-bottom:1.25rem}.info-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.info-status-dot--destroyed{background:#f44}.info-status-dot--damaged{background:#fa3}.info-status-dot--operational{background:#3d7}.info-status-dot--struck{background:#f44;animation:pulse 2s infinite}.info-status-text{font-family:var(--font-subheadline);font-size:.75rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.map-controls-group{position:absolute;bottom:5rem;left:1rem;display:flex;flex-direction:column;gap:2px;z-index:30}.map-ctrl-btn{width:38px;height:38px;background:rgba(10,10,14,.9);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:var(--font-body)}.map-ctrl-btn:first-child{border-radius:4px 4px 0 0}.map-ctrl-btn:last-child{border-radius:0 0 4px 4px}.map-ctrl-btn:hover{background:rgba(204,0,0,.3);border-color:rgba(204,0,0,.5)}.map-zoom-level{position:absolute;bottom:5rem;left:3.5rem;font-family:var(--font-subheadline);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;z-index:30}.map-timeline-bar{background:rgba(8,8,12,.97);border-top:1px solid rgba(255,255,255,.06);padding:.75rem 1.5rem;z-index:20;position:relative}.map-timeline-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:1rem}.timeline-play-btn{width:36px;height:36px;background:rgba(204,0,0,.15);border:1px solid rgba(204,0,0,.4);border-radius:50%;color:var(--accent-red);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.timeline-play-btn:hover{background:rgba(204,0,0,.3)}.timeline-play-btn.playing{background:rgba(204,0,0,.35);border-color:rgba(204,0,0,.7)}.timeline-play-btn .icon-pause{fill:currentColor}.timeline-play-btn svg{width:14px;height:14px;fill:currentColor}.timeline-slider-wrap{flex:1;display:flex;flex-direction:column;gap:.2rem}.timeline-slider-track{position:relative;height:24px;display:flex;align-items:center}.timeline-slider-track input[type=range]{--fill:100%;width:100%;-webkit-appearance:none;appearance:none;height:3px;background:linear-gradient(to right,rgba(204,0,0,.7) 0,rgba(204,0,0,.7) var(--fill),rgba(255,255,255,.08) var(--fill),rgba(255,255,255,.08) 100%);border-radius:2px;outline:0;position:relative;z-index:2}.timeline-slider-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-red);border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(204,0,0,.5);transition:transform .15s}.timeline-slider-track input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}.timeline-slider-track input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent-red);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 10px rgba(204,0,0,.5)}.timeline-markers{display:flex;justify-content:space-between;padding:0 2px}.timeline-marker{width:1px;height:6px;background:rgba(255,255,255,.15)}.timeline-readout{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0}.timeline-readout-time{font-family:var(--font-headline);font-weight:700;font-size:.85rem;color:var(--accent-orange);min-width:65px}.timeline-readout-event{font-size:.7rem;color:var(--text-secondary);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strike-lines{position:absolute;inset:0;z-index:5;pointer-events:none}.strike-lines svg{width:100%;height:100%}@keyframes dash-flow{to{stroke-dashoffset:-20}}.strike-line{fill:none;stroke:rgba(204,0,0,0.25);stroke-width:1;stroke-dasharray:6 4;animation:dash-flow 1.5s linear infinite;transition:opacity .5s ease}.strike-line--retaliatory{stroke:rgba(255,170,0,0.35);stroke-width:1.2;stroke-dasharray:4 6}.region-label{position:absolute;font-family:var(--font-subheadline);text-transform:uppercase;letter-spacing:.25em;pointer-events:none;z-index:4;user-select:none}.region-label--country{font-size:.55rem;color:rgba(255,255,255,.1)}.region-label--iran{font-size:1rem;color:rgba(255,255,255,.07);letter-spacing:.5em}.region-label--water{font-size:.5rem;color:rgba(60,120,180,.12);font-style:italic;letter-spacing:.3em}.hud-coords{position:absolute;bottom:1rem;right:1rem;font-family:'Courier New',monospace;font-size:.6rem;color:rgba(255,255,255,.15);z-index:30;pointer-events:none;text-align:right;line-height:1.4}.target-list-section{background:var(--bg-primary);padding:3rem 1.5rem;max-width:var(--max-width);margin:0 auto;width:100%}.target-list-section .section-title{font-family:var(--font-headline);font-weight:700;font-size:clamp(1.25rem, 2.5vw, 1.5rem);color:var(--text-primary);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-red);display:inline-block}.target-table{width:100%;border-collapse:collapse}.target-table thead th{font-family:var(--font-subheadline);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:left;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.target-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;cursor:pointer}.target-table tbody tr:hover{background:rgba(204,0,0,.05)}.target-table td{padding:.75rem;font-size:.8rem;color:var(--text-secondary);vertical-align:middle}.target-table .td-name{font-family:var(--font-subheadline);font-weight:600;color:var(--text-primary);font-size:.85rem}.target-table .td-type{display:inline-flex;align-items:center;gap:.35rem}.target-table .td-type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.target-table .td-status{font-family:var(--font-subheadline);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.td-status--destroyed{color:#f44}.td-status--damaged{color:#fa3}.td-status--operational{color:#3d7}.td-status--struck{color:#f64}.target-table tbody tr.row-dimmed{opacity:.2;pointer-events:none;transition:opacity .4s ease}@keyframes row-flash-bg{0%{background:rgba(204,0,0,.3)}100%{background:0 0}}.target-table tbody tr.row-flash{animation:row-flash-bg .8s ease-out}@media (max-width:767px){.map-topbar-row{flex-direction:column;align-items:flex-start}.map-stats-bar{gap:.75rem}.map-viewport{min-height:400px}.info-drawer{right:0;left:0;top:auto;bottom:0;width:100%;max-height:70vh;transform:translateY(100%);border-left:none;border-top:1px solid rgba(204,0,0,.2);border-radius:12px 12px 0 0}.info-drawer.open{transform:translateY(0)}.timeline-readout-event{display:none}.timeline-readout-time{min-width:auto}.map-timeline-inner{flex-wrap:wrap}.target-table thead{display:none}.target-table tbody tr{display:flex;flex-wrap:wrap;gap:.25rem .75rem;padding:.75rem 0}.target-table td{padding:.15rem 0}.hud-coords{display:none}}@media (min-width:768px){.map-viewport{min-height:550px}}@media (min-width:1024px){.map-viewport{min-height:600px}}