.loc-real-map-shell{display:grid;place-items:center;isolation:isolate;min-height:690px}.loc-map-atmosphere{position:absolute;z-index:-1;inset:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--orange) 24%,transparent),transparent 67%);filter:blur(24px);animation:mapPulse 5s ease-in-out infinite}.loc-real-map{width:100%;height:auto;max-height:660px;overflow:visible;filter:drop-shadow(0 36px 34px rgba(0,0,0,.55));transform-style:preserve-3d}.loc-real-map-shell>.loc-real-map{transform:perspective(1200px) rotateX(8deg) rotateY(-7deg) rotateZ(-2deg);transition:transform .5s ease}.loc-real-map-shell:hover>.loc-real-map{transform:perspective(1200px) rotateX(3deg) rotateY(-2deg) rotateZ(0)}.loc-map-shadow path{fill:#000;opacity:.7;transform:translate(8px,17px)}.loc-map-district{fill:#171c19;stroke:#555d57;stroke-width:1.2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .25s,stroke .25s,filter .25s,transform .25s;transform-box:fill-box;transform-origin:center}.loc-map-district:hover,.loc-map-district:focus,.loc-map-district.is-active{fill:var(--orange);stroke:#ffc3aa;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--orange) 65%,transparent));outline:0;transform:translateY(-5px)}.loc-map-label{fill:#d9dedb;font:600 10px var(--f-m);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#0b0e0d;stroke-width:3px;stroke-linejoin:round}.loc-map-compass{position:absolute;left:6%;bottom:9%;display:grid;place-items:center;width:54px;height:54px;border:1px solid #434a45;border-radius:50%;color:var(--orange);font:700 .55rem var(--f-m)}.loc-map-compass i{position:absolute;top:7px;width:2px;height:16px;background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%)}.loc-map-compass span{margin-top:16px}.loc-stage-map>.loc-real-map{position:relative;z-index:1;width:90%;max-height:610px}.loc-stage-map:before{opacity:.55}.loc-map-hint{position:absolute;z-index:2;left:22px;bottom:20px;padding:9px 11px;border:1px solid #383e3a;background:rgba(8,11,10,.82);color:#9ba29d;font:.5rem var(--f-m);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.loc-outer-map{position:absolute;inset:0;overflow:hidden;border:1px solid #2b312d;background:radial-gradient(circle at 45% 48%,var(--orange-soft),transparent 22%),linear-gradient(145deg,#101411,#080b0a)}.loc-outer-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:38px 38px}.loc-outer-map svg{position:absolute;inset:0;width:100%;height:100%}.loc-outer-berlin-shape path{fill:color-mix(in srgb,var(--orange) 30%,#171b18);stroke:var(--orange);stroke-width:1.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 9px var(--orange-soft))}.loc-outer-points{position:absolute;inset:0}.loc-outer-points button{position:absolute;left:var(--x);top:var(--y);display:block;border:0;background:transparent;color:#d9ddda;cursor:pointer;animation:mapPointIn .55s both;animation-delay:var(--delay)}.loc-outer-points button i{position:absolute;left:-5px;top:-5px;width:11px;height:11px;border:2px solid var(--orange);border-radius:50%;background:#0a0d0b;box-shadow:0 0 0 6px var(--orange-soft),0 0 17px var(--orange)}.loc-outer-points button span{display:block;margin:8px 0 0 8px;padding:6px 8px;border:1px solid #303632;background:rgba(10,13,11,.88);font:.48rem var(--f-m);white-space:nowrap;transition:border-color .2s,color .2s}.loc-outer-points button:hover span,.loc-outer-points button:focus span{border-color:var(--orange);color:var(--orange)}.loc-outer-berlin-label{position:absolute;left:55%;top:48%;translate:-50% -50%;color:#fff;font:900 .78rem var(--f-d);letter-spacing:.12em;pointer-events:none}.loc-surround-visual{min-height:650px}@keyframes mapPulse{50%{scale:1.08;opacity:.72}}@keyframes mapPointIn{from{opacity:0;transform:translateY(10px)}}@media(max-width:1000px){.loc-real-map-shell{min-height:570px}}@media(max-width:720px){.loc-real-map-shell{min-height:440px;margin-top:28px}.loc-real-map-shell>.loc-real-map{width:112%;max-width:none;transform:perspective(900px) rotateX(5deg)}.loc-map-label{font-size:8px}.loc-map-compass{left:2%;bottom:3%}.loc-stage-map>.loc-real-map{width:105%}.loc-map-hint{left:12px;bottom:12px}.loc-surround-visual{min-height:500px}.loc-outer-points button span{font-size:.43rem}.loc-outer-points button:nth-child(even) span{translate:-75% 0}}@media(max-width:480px){.loc-real-map-shell{min-height:380px}.loc-map-label{font-size:7px}.loc-map-compass{width:44px;height:44px}.loc-surround-visual{min-height:460px}.loc-outer-map{inset:0 -4%}.loc-outer-points button span{max-width:100px;overflow:hidden;text-overflow:ellipsis}}