.map-page{--map-line:#3b2a6b;--map-card:#160d2ce6;--map-shadow:8px 8px 0 #00000080;flex-direction:column;gap:28px;width:100%;max-width:1320px;margin:0 auto;padding:36px clamp(16px,4vw,48px) 72px;display:flex}.map-head{flex-direction:column;gap:18px;display:flex}.map-label,.map-sub,.map-foot p{text-shadow:0 2px #0a0614,0 0 12px #0a0614cc;margin:0}.map-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);font-size:13px}.map-h1{overflow-wrap:break-word;font-family:var(--font-display);color:var(--color-lilac);text-transform:uppercase;text-shadow:0 3px #a37fe8,0 6px #6e44c2,0 9px #3d2275,0 12px #1d1038,0 0 22px #9b6ae659;margin:0 0 12px;font-size:clamp(30px,4.6vw,60px);font-weight:700;line-height:1.08}.map-sub{font-family:var(--font-sans);color:var(--color-text-dim);font-size:19px}.map-grid{grid-template-columns:minmax(0,846px) minmax(330px,1fr);align-items:start;gap:28px;display:grid}.map-col{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:96px}.map-panel{border:3px solid var(--color-amethyst);box-shadow:inset 0 0 0 3px #23164a, var(--map-shadow), 0 0 32px #9b6ae62e;background:#0b0716;padding:3px;position:relative}.map-stage{aspect-ratio:1378/868;background:#1a1131;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.map-art{width:100%;height:100%;position:relative;container-type:inline-size}.map-canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.map-area{font-family:var(--font-term);white-space:nowrap;color:var(--color-lilac);text-shadow:1px 1px #0f0a1c,-1px -1px #0f0a1c,1px -1px #0f0a1c,-1px 1px #0f0a1c;pointer-events:none;font-size:clamp(11px,1.9cqw,17px);line-height:1;position:absolute;transform:translate(-50%,-50%)}.map-area.is-street{color:var(--color-text-dim);letter-spacing:.04em}.map-area.is-kabanbay{color:var(--color-peach);transform:translate(12px,-50%)}.map-gate{width:0;height:0;position:absolute}.map-gate-dot{background:var(--color-gold);width:10px;height:10px;animation:1s steps(2,jump-none) infinite map-blink;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 2px #0f0a1c,0 0 10px #f3e45acc}.map-gate-you{font-family:var(--font-term);white-space:nowrap;color:#0f0a1c;background:var(--color-gold);padding:1px 5px 2px;font-size:clamp(11px,1.8cqw,16px);line-height:1;position:absolute;top:0;right:12px;transform:translateY(-50%);box-shadow:0 0 0 2px #0f0a1c}.map-pin-wrap{--pin-w:clamp(16px, 2.9cqw, 26px);z-index:2;width:0;height:0;position:absolute}.map-pin-wrap.is-on{z-index:3}.map-pin{left:calc(var(--pin-w) / -2);width:var(--pin-w);height:calc(var(--pin-w) * 9 / 7);color:var(--pin);cursor:pointer;filter:drop-shadow(2px 2px #0009);background:0 0;border:0;padding:0;position:absolute;bottom:0}.map-pin:before{content:"";position:absolute;inset:-8px}.map-pin svg{width:100%;height:100%;display:block}.map-pin:hover{filter:drop-shadow(2px 2px #0009)brightness(1.15)}.is-on .map-pin{filter:drop-shadow(0 0 6px var(--pin)) drop-shadow(2px 2px 0 #0009);animation:.9s steps(4,end) infinite map-bounce}.is-on:before,.is-on:after{content:"";width:calc(var(--pin-w) * 1.6);height:calc(var(--pin-w) * .8);border:2px solid var(--pin);opacity:0;pointer-events:none;animation:1.6s steps(6,end) infinite map-ring;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.3)}.is-on:after{animation-delay:.8s}.map-pin-label{top:calc(var(--pin-w) * -.95);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#0f0a1c;background:var(--pin);opacity:.82;pointer-events:none;padding:2px 5px 3px;font-size:clamp(8px,1.25cqw,11px);font-weight:700;line-height:1;position:absolute;box-shadow:0 0 0 2px #0f0a1c}.is-on .map-pin-label{opacity:1;box-shadow:0 0 0 2px #0f0a1c, 0 0 14px var(--pin)}.is-left .map-pin-label{right:calc(var(--pin-w) / 2 + 6px)}.is-right .map-pin-label{left:calc(var(--pin-w) / 2 + 6px)}.is-top .map-pin-label{top:auto;bottom:calc(var(--pin-w) * 9 / 7 + 8px);left:0;transform:translate(-50%)}@container (max-width:560px){.map-pin-name{display:none}.map-area:not(.is-street){font-size:11px}}.map-sparkle{width:4px;height:4px;box-shadow:0 -6px 0 var(--color-gold), 0 6px 0 var(--color-gold), -6px 0 0 var(--color-gold), 6px 0 0 var(--color-gold), 0 -10px 0 var(--color-peach), 0 10px 0 var(--color-peach), -10px 0 0 var(--color-peach), 10px 0 0 var(--color-peach), -7px -7px 0 var(--color-peach), 7px 7px 0 var(--color-peach), 7px -7px 0 var(--color-peach), -7px 7px 0 var(--color-peach);pointer-events:none;background:#fff;animation:1.2s steps(4,end) infinite map-sparkle;position:absolute;top:-2px;left:-2px}.map-legend{font-family:var(--font-term);color:var(--color-haze);align-items:center;gap:8px;margin:0;padding:6px 8px 3px;font-size:17px;display:flex}.map-legend b{color:var(--color-lilac);font-weight:400}.map-legend-dots{background:repeating-linear-gradient(90deg, var(--color-gold) 0 8px, transparent 8px 12px, var(--color-peach) 12px 20px, transparent 20px 24px);width:24px;height:4px}.map-tabs{background:var(--color-slot);border:3px solid var(--map-line);grid-template-columns:repeat(3,1fr);display:none}.map-tab{text-align:center;min-height:46px;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-haze);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 4px;font-size:10px;display:flex}.map-tab+.map-tab{border-left:3px solid var(--map-line)}.map-tab[aria-pressed=true]{color:var(--color-text);box-shadow:inset 0 -4px 0 var(--pin);background:#2a1a4f}.map-tab-pin{width:11px;height:14px;color:var(--pin);flex:none}.map-maps{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);flex-wrap:wrap;align-self:flex-start;align-items:baseline;gap:8px 20px;margin:0;font-size:12px;display:flex}.map-maps-link{color:var(--color-peach);text-underline-offset:4px}.map-maps-link:hover{text-decoration:underline}.map-cards{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.map-card{background:var(--map-card);border:3px solid var(--map-line);box-shadow:var(--map-shadow);flex-direction:column;gap:12px;padding:16px 18px 18px;transition:transform .2s steps(2,end);display:flex}.map-card.is-on{border-color:var(--pin);box-shadow:var(--map-shadow), 0 0 22px color-mix(in srgb, var(--pin) 45%, transparent);transform:translate(-6px)}.map-card-name{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-lilac);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;line-height:1.1;display:flex}.map-card-pin{width:18px;height:23px;color:var(--pin);flex:none}.map-card-photo{aspect-ratio:16/9;border:3px solid var(--map-line);font-family:var(--font-term);color:var(--color-haze);background:repeating-linear-gradient(45deg,#9b6ae612 0 6px,#0000 6px 12px),#120b24;place-items:center;font-size:18px;display:none}.map-card-photo.has-photo{position:relative;overflow:hidden}.map-card-photo.has-photo img{object-fit:cover;object-position:30% 45%}.map-card.is-on .map-card-photo{border-color:color-mix(in srgb, var(--pin) 55%, var(--map-line));display:grid}.map-card-block{font-family:var(--font-sans);color:var(--color-text);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.map-card-items{font-family:var(--font-sans);color:var(--color-text-dim);margin:0;padding:0;font-size:16px;list-style:none}.map-card-when{font-family:var(--font-term);color:var(--color-peach);font-size:19px}.map-tbc{font-family:var(--font-term);letter-spacing:.04em;color:var(--color-haze);background:#2c1d4f;padding:1px 5px 0;font-size:15px;font-weight:400;line-height:1.1;box-shadow:inset 0 0 0 1px #4a3780}.map-card-actions{flex-wrap:wrap;gap:10px;display:flex}.map-btn{min-height:40px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-lilac);box-shadow:inset 0 0 0 3px var(--color-amethyst);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:inline-flex}.map-btn:hover{background:#9b6ae629}.map-btn:active{transform:translateY(3px)}.map-btn-play{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid;width:0;height:0}.map-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:8px;display:flex}.map-foot p{font-family:var(--font-term);color:var(--color-haze);font-size:19px}.map-cta{min-height:52px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;align-items:center;margin:6px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex}.map-lightbox{width:min(760px,100vw - 32px);max-width:none;color:var(--color-text);background:0 0;border:0;margin:auto;padding:0}.map-lightbox::backdrop{background:#080410d1}.map-lightbox-frame{background:var(--color-void-2);border:3px solid var(--color-peach);box-shadow:inset 0 0 0 3px var(--color-cobalt), 8px 8px 0 #0000008c;padding:16px}.map-lightbox-head{justify-content:space-between;align-items:center;gap:12px;margin:4px 4px 14px;display:flex}.map-lightbox-head h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-lilac);margin:0;font-size:clamp(14px,2.4vw,20px);font-weight:700}.map-lightbox-x{width:40px;height:40px;font-family:var(--font-term);color:var(--color-lilac);box-shadow:inset 0 0 0 3px var(--color-amethyst);cursor:pointer;background:0 0;border:0;flex:none;font-size:30px;line-height:1}.map-lightbox-video{aspect-ratio:16/9;background:repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 4px),#070b14;align-content:center;place-items:center;gap:14px;display:grid;box-shadow:inset 0 0 0 3px #2c1a4d}.map-lightbox-video p{font-family:var(--font-term);color:var(--color-haze);margin:0;font-size:22px}.map-play{border-left:30px solid var(--color-peach);opacity:.8;border-top:20px solid #0000;border-bottom:20px solid #0000;width:0;height:0}@media (max-width:959px){.map-grid{grid-template-columns:minmax(0,1fr)}.map-col{position:static}.map-tabs{display:grid}.map-card{display:none}.map-card.is-on{display:flex;transform:none}.map-foot{flex-direction:column;align-items:stretch}.map-cta{justify-content:center}}@media (max-width:520px){.map-sub{font-size:17px}.map-card-name{font-size:19px}.map-legend{font-size:15px}}@keyframes map-blink{50%{opacity:.35}}@keyframes map-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes map-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes map-sparkle{0%,to{opacity:1;transform:scale(.6)}50%{opacity:.7;transform:scale(1.2)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.is-on .map-pin,.is-on:before,.is-on:after,.map-gate-dot,.map-sparkle{animation:none}.is-on:before{opacity:.8;transform:translate(-50%,-50%)scale(1)}.map-card{transition:none}}