#location{background:var(--bg-0);border-top:1px solid var(--gray-line);position:relative;overflow:hidden;padding-bottom:5rem}.map-container{margin-top:3rem;width:100%;height:400px;position:relative;z-index:1}.map-frame{position:relative;width:100%;height:100%;background:var(--bg-1);border:1px solid rgba(34,211,238,.3);box-shadow:0 0 40px #22d3ee0d,inset 0 0 20px #00000080;transition:all .4s ease;overflow:hidden}.map-frame:hover{border-color:#22d3ee99;box-shadow:0 0 50px #22d3ee26,inset 0 0 30px #22d3ee0d}.map-corner{position:absolute;width:20px;height:20px;border-style:solid;border-width:0;border-color:var(--cyan);opacity:.8;transition:all .4s ease;z-index:5;pointer-events:none;box-shadow:0 0 10px #22d3ee80;animation:pulse-corners 3s infinite alternate ease-in-out}@keyframes pulse-corners{0%{opacity:.5;box-shadow:0 0 5px #22d3ee4d}to{opacity:1;box-shadow:0 0 15px #22d3eecc}}.map-frame:hover .map-corner{opacity:1;width:30px;height:30px}.map-corner.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.map-corner.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.map-corner.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.map-corner.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.map-frame iframe{filter:grayscale(100%) invert(100%) contrast(1.5) brightness(.9);transition:filter .5s ease;background-color:transparent}.map-ui-text{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:5px;font-family:var(--font-mono);font-size:.75rem;color:var(--cyan);z-index:10;pointer-events:none;text-shadow:0 0 5px var(--cyan);opacity:.8;text-align:right;background:#0009;padding:8px 12px;border:1px solid rgba(34,211,238,.2);border-radius:4px;backdrop-filter:blur(2px)}.map-ui-text .status.blink{color:#ef4444;text-shadow:0 0 5px #ef4444;margin-top:5px;animation:blink 1.5s infinite step-end}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.map-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 4px,40px 40px,40px 40px;opacity:.8;mix-blend-mode:screen}.map-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;pointer-events:none;z-index:10;display:flex;justify-content:center;align-items:center}.reticle-line{position:absolute;box-shadow:0 0 5px #ffffff4d}.reticle-line.h-line{width:100%;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 35%,transparent 35%,transparent 65%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.8) 100%)}.reticle-line.v-line{height:100%;width:2px;background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 35%,transparent 35%,transparent 65%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.8) 100%)}.reticle-box{width:30px;height:30px;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 5px #ffffff4d,inset 0 0 5px #ffffff4d}@media(max-width:768px){#location{padding-bottom:3rem}.map-container{height:300px;margin-top:2rem}.map-ui-text{font-size:.6rem;padding:6px 8px;top:10px;right:10px}.map-reticle{width:90px;height:90px}.reticle-box{width:20px;height:20px}}@media(max-width:480px){.map-container{height:250px}.map-ui-text{font-size:.55rem;padding:4px 6px;gap:2px}.map-ui-text .status.blink{font-size:.5rem;margin-top:3px}.map-reticle{width:70px;height:70px}}.map-brackets{position:absolute;inset:-15px;pointer-events:none;z-index:0}.map-brackets:before,.map-brackets:after{content:"";position:absolute;width:40px;height:40px;border-color:#22d3ee66;border-style:solid;transition:all .4s ease}.map-brackets:before{top:0;left:0;border-width:2px 0 0 2px}.map-brackets:after{bottom:0;right:0;border-width:0 2px 2px 0}.map-container:hover .map-brackets:before,.map-container:hover .map-brackets:after{width:60px;height:60px;border-color:#22d3eecc;box-shadow:0 0 20px #22d3ee33}.map-radar-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan);opacity:.6;z-index:10;pointer-events:none;animation:radar-sweep 4s linear infinite}@keyframes radar-sweep{0%{top:0;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:100%;opacity:0}}