.map-section{background:#09130e;padding:clamp(82px,10vw,150px) clamp(18px,5vw,82px) clamp(100px,12vw,170px)}.map-intro{max-width:1170px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end;gap:55px}.map-intro h2{font:800 clamp(47px,6.5vw,90px)/.91 'Playfair Display';letter-spacing:-.065em;margin:23px 0 0}.map-intro h2 em{color:var(--lime)}.map-intro>p{max-width:310px;margin:0 0 7px;color:#b9c5bb;font-size:13px;line-height:1.85}.jungle-map{max-width:1440px;margin:auto;aspect-ratio:16/9;min-height:640px;position:relative;overflow:hidden;border:1px solid rgba(216,255,99,.26);background:#06150f url('assets/panda-jungle-map.png') center/cover;box-shadow:0 20px 75px rgba(0,0,0,.45)}.jungle-map:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,12,8,.34),transparent 22%,transparent 76%,rgba(3,12,8,.28)),linear-gradient(0deg,rgba(3,12,8,.36),transparent 24%)}.map-ui,.map-instruction,.map-pin,.map-story,.map-legend{position:absolute;z-index:2}.map-compass{top:22px;left:25px;display:flex;align-items:center;gap:8px;font:10px/.9 'DM Mono';letter-spacing:.13em;color:#d8e8d4}.map-compass span{font-size:22px;color:var(--lime)}.map-instruction{top:23px;right:26px;margin:0;font:9px 'DM Mono';letter-spacing:.1em;text-transform:uppercase;color:#d2dccf}.map-pin{appearance:none;border:0;background:transparent;text-align:center;color:white;padding:0;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 7px rgba(0,0,0,.7));transition:transform .25s,filter .25s}.map-pin:hover,.map-pin.active{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 13px rgba(216,255,99,.85))}.map-pin i{width:38px;height:38px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#122f1c;border:1px solid var(--lime);font-size:19px;font-style:normal;color:var(--lime);box-shadow:0 0 0 6px rgba(216,255,99,.1)}.map-pin.active i{background:var(--lime);color:#102017}.map-pin span{display:block;margin-top:7px;color:#f4f2e7;font:700 11px/.95 'Playfair Display';letter-spacing:.01em}.pin-shuffle{left:25%;top:29%}.pin-dupr{left:50%;top:16%}.pin-bounty{left:76%;top:28%}.pin-open{left:50%;top:51%}.pin-labs{left:24%;top:76%}.pin-crew{left:74%;top:78%}.map-story{width:260px;left:24px;bottom:23px;padding:20px;background:rgba(5,19,12,.86);border:1px solid rgba(216,255,99,.4);backdrop-filter:blur(11px)}.map-story-type{margin:0;color:var(--lime);font:9px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}.map-story h3{font:700 34px/.84 'Playfair Display';letter-spacing:-.04em;margin:13px 0}.map-story h3 em{color:var(--lime)}.map-story-copy{font-size:11px;line-height:1.6;color:#c3cfc5;margin:0 0 14px}.map-enter{background:var(--lime);color:#0c1b11;border:0;padding:10px 12px;font-size:10px;font-weight:800}.map-enter span{padding-left:9px;font-size:15px}.story-count{position:absolute;right:17px;bottom:17px;color:#9cab9d;font:9px 'DM Mono'}.map-legend{right:23px;bottom:22px;display:flex;gap:14px;font:9px 'DM Mono';text-transform:uppercase;color:#d3ded3}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-lime{background:var(--lime)}.legend-amber{background:#ff914c}.legend-violet{background:#b969ff}@media(max-width:850px){.jungle-map{min-height:0}.map-story{width:230px;padding:15px}.map-story h3{font-size:28px}.map-story-copy{font-size:10px}.map-pin i{width:32px;height:32px;font-size:16px}.map-pin span{font-size:10px}.map-compass,.map-instruction{top:13px}.map-legend{display:none}}@media(max-width:600px){.map-intro{display:block;margin-bottom:26px}.map-intro>p{margin-top:22px}.jungle-map{aspect-ratio:9/12;background-position:center;min-height:620px}.jungle-map:after{background:linear-gradient(0deg,rgba(3,12,8,.65),transparent 38%)}.map-instruction{display:none}.map-compass{left:15px}.map-pin i{width:31px;height:31px}.map-pin span{font-size:9px}.pin-shuffle{left:24%;top:29%}.pin-dupr{left:52%;top:19%}.pin-bounty{left:79%;top:29%}.pin-open{left:51%;top:48%}.pin-labs{left:24%;top:72%}.pin-crew{left:75%;top:73%}.map-story{left:12px;right:12px;bottom:13px;width:auto}.map-story h3{font-size:29px}.map-story-copy{max-width:245px}.story-count{bottom:18px}.map-section{padding-left:12px;padding-right:12px}}