.portrait-stage{perspective:1200px}.portrait-cut{box-shadow:12px 20px 35px #0009;transform-style:preserve-3d}.portrait-cut img{animation:portrait-breathe 18s ease-in-out infinite alternate}.portrait-1 img{animation-delay:-8s}.person-portrait{perspective:1000px}.person-portrait>img{animation:portrait-frame 13s ease-in-out infinite alternate;transform-origin:center;box-shadow:15px 20px 35px #0008;object-position:50% 28%}.portrait-cut img[src*="saddam-user"]{object-position:48% 28%}.person-portrait>img[src*="saddam-user"]{object-position:50% 28%}.photo-mount{animation:mounted-drift 14s ease-in-out infinite alternate}.photo-tile{perspective:1000px;position:relative}.photo-tile>button{transform-style:preserve-3d;animation:gallery-drift 16s ease-in-out infinite alternate;box-shadow:8px 12px 24px #0006}.photo-tile:nth-child(2n)>button{animation-delay:-7s}.photo-tile:nth-child(3n)>button{animation-delay:-11s}.photo-tile>button:after{content:'';position:absolute;inset:0;border:1px solid #dfba7950;pointer-events:none;background:linear-gradient(115deg,transparent 36%,#fff1 49%,transparent 62%);background-size:300% 100%;animation:frame-light 19s ease-in-out infinite}.file-tile,.map-file,.time-image-button{box-shadow:4px 7px 0 #080d09;transition:transform .35s,box-shadow .35s}.file-tile:hover,.map-file:hover{transform:perspective(800px) rotateY(-3deg) translateY(-3px);box-shadow:8px 12px 20px #0009}.time-photo{animation:gallery-drift 18s ease-in-out infinite alternate}.tactical-map{perspective:1000px;min-height:520px;background:radial-gradient(ellipse at 50% 48%,#344c333d,transparent 68%),#09110e;isolation:isolate}.tactical-map:before{display:none}.map-stage-3d{position:absolute;inset:30px 8px 75px;transform-style:preserve-3d;transform:rotateX(var(--map-pitch,34deg)) rotateZ(var(--map-turn,-14deg));transition:transform .45s ease-out;animation:map-hover 15s ease-in-out infinite alternate}.map-stage-3d svg{position:absolute;inset:0;width:100%;height:100%;padding:0!important;overflow:visible}.map-stage-3d #iraq-map{transform:translateZ(22px);filter:drop-shadow(0 2px 0 #9cac7444)}.map-depth-layer{pointer-events:none;transform:translateZ(var(--layer));opacity:1}.map-ground{position:absolute;inset:-8%;transform:translateZ(-20px);background-image:linear-gradient(#94be731d 1px,transparent 1px),linear-gradient(90deg,#94be731d 1px,transparent 1px);background-size:32px 32px;border:1px solid #7c9c4a30;box-shadow:0 35px 60px #0009}.map-ground:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#c0ce5225,transparent);background-size:30% 100%;background-repeat:no-repeat;animation:map-light 12s linear infinite}.map-orbit{position:absolute;inset:13% 15%;border:1px dashed #bad08444;border-radius:50%;transform:translateZ(2px);pointer-events:none}.map-city .map-point{filter:drop-shadow(0 0 6px #ff792c);animation:city-glow 4s ease-in-out infinite alternate}.map-city text{paint-order:stroke;stroke:#08110c;stroke-width:4px;stroke-linejoin:round;fill:#edf0d9!important}.map-city:focus{outline:none}.map-city:focus text,.map-city:hover text{fill:#ffad65!important}.map-controls-3d{position:absolute;bottom:40px;left:15px;right:15px;display:flex;justify-content:center;gap:8px;direction:rtl;z-index:6}.map-controls-3d button{background:#111a14e8;border:1px solid #899d6655;color:#cbd4bc;padding:7px 12px;font-size:13px;min-height:38px}.map-controls-3d button:hover{color:var(--orange);border-color:var(--orange)}.map-depth-caption{position:absolute;top:43px;left:18px;color:#8d9c7e;font-size:12px;z-index:3;direction:rtl}.map-hud,.map-scale{z-index:5}.map-hud{pointer-events:none}.map-scale{font-size:12px}.tactical-map.flat-map .map-stage-3d{--map-pitch:0deg!important;--map-turn:0deg!important;animation:none}.tactical-map.flat-map .map-depth-layer{visibility:hidden}.tactical-map.flat-map #iraq-map{transform:none}.motion-paused .portrait-cut img,.motion-paused .person-portrait>img,.motion-paused .photo-mount,.motion-paused .photo-tile>button,.motion-paused .photo-tile>button:after,.motion-paused .time-photo,.motion-paused .map-stage-3d,.motion-paused .map-ground:after,.motion-paused .map-point{animation-play-state:paused!important}.motion-paused .map-stage-3d{transition:none}body.page-hidden *{animation-play-state:paused!important}
@keyframes portrait-breathe{from{scale:1;translate:0 0}to{scale:1.045;translate:0 -3px}}@keyframes portrait-frame{from{transform:rotateY(-2deg) rotateZ(-.7deg) translateY(0)}to{transform:rotateY(2deg) rotateZ(.7deg) translateY(-5px)}}@keyframes mounted-drift{from{translate:0 0;rotate:-.6deg}to{translate:0 -6px;rotate:.6deg}}@keyframes gallery-drift{from{transform:rotateY(-1.5deg) rotateX(.8deg) translateY(0)}to{transform:rotateY(1.5deg) rotateX(-.8deg) translateY(-4px)}}@keyframes frame-light{0%,20%{background-position:140% 0}80%,100%{background-position:-100% 0}}@keyframes map-hover{from{translate:0 2px}to{translate:0 -7px}}@keyframes map-light{from{background-position:-45% 0}to{background-position:150% 0}}@keyframes city-glow{from{filter:drop-shadow(0 0 2px #ff792c)}to{filter:drop-shadow(0 0 8px #ff792c)}}
@media(max-width:800px){.tactical-map{min-height:465px;height:465px}.map-stage-3d{inset:50px 10px 90px}.map-controls-3d{gap:5px;bottom:42px;left:8px;right:8px}.map-controls-3d button{padding:7px 8px;font-size:12px}.map-depth-caption{font-size:12px}.person-portrait{width:100%;padding:5px}.photo-tile>button{animation-duration:22s}}
@media(max-width:800px){.map-stage-3d{inset:50px 30px 90px}.map-city text{font-size:22px}}
@media(prefers-reduced-motion:reduce){.portrait-cut img,.person-portrait>img,.photo-mount,.photo-tile>button,.photo-tile>button:after,.time-photo,.map-stage-3d,.map-ground:after,.map-point{animation:none!important}.map-stage-3d{transition:none}}
