.map-sequence-frame{position:relative;width:100%;height:50vh;padding:2px;background:linear-gradient(135deg,#00f0ff,#38bdf8 35%,#7df9ff 50%,#38bdf8 65%,#00e5ff);box-shadow:0 0 6px #00eaff,0 0 14px rgba(0,234,255,.85),0 0 28px rgba(56,189,248,.55),0 0 48px rgba(125,249,255,.35);animation:map-border-glow 2.8s ease-in-out infinite}.map-sequence-frame:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:inset 0 0 0 1px rgba(125,249,255,.95),inset 0 0 12px rgba(0,240,255,.35)}@keyframes map-border-glow{0%,to{box-shadow:0 0 6px #00eaff,0 0 14px rgba(0,234,255,.85),0 0 28px rgba(56,189,248,.55),0 0 48px rgba(125,249,255,.35)}50%{box-shadow:0 0 10px #7df9ff,0 0 22px rgba(125,249,255,.95),0 0 40px rgba(0,234,255,.65),0 0 64px rgba(56,189,248,.45)}}.map-sequence-viewer{position:relative;width:100%;height:100%;overflow:hidden;background:#0a0f18;opacity:.6;transition:opacity .6s ease;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.map-sequence-viewer--ready{opacity:1}.map-seq-layer{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;will-change:opacity;transform:translateZ(0)}@media (min-width:640px){.map-sequence-frame{height:70vh}}@media (min-width:1024px){.map-sequence-frame{height:90vh}}