/* Illustrated destinations keep the existing map travel and unlock actions. */
.map-landmark.building-landmark{width:17%;min-width:110px;max-width:190px;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;top:57%;filter:drop-shadow(0 8px 7px #111a)}
.building-landmark>img{display:block;width:100%;height:auto;transition:transform .2s}
.landmark-name{display:block;border:1px solid #e9c58a;background:#211b32ed;color:#ffe4ad;border-radius:10px;padding:7px 9px;font-size:15px;font-weight:700;line-height:1.4;box-shadow:0 4px 10px #0006}
.map-landmark .landmark-name small{display:block;font-size:12px;font-weight:400;color:#f3e8ff;margin-top:3px}
.building-landmark .landmark-name{position:relative;margin-top:-15%;z-index:1}
.map-landmark.realm-landmark{left:61%;top:1.5%;transform:translateX(-50%);width:28%;padding:0;border:2px solid #e8c785;border-radius:50% 50% 14px 14px/20% 20% 14px 14px;overflow:hidden;background:#251841;box-shadow:0 0 22px #ecc67c55,0 8px 20px #120b25aa}
.realm-landmark>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}
.realm-landmark .landmark-name{position:absolute;bottom:0;left:0;right:0;border:0;border-top:1px solid #dfb96180;border-radius:0;background:#1b122fed;padding:8px 3px;font-size:15px}
.realm-landmark.realm-unlocked{border-color:#fff2b5;box-shadow:0 0 25px #edc97c88,0 8px 20px #120b25aa}
.building-landmark:hover>img,.realm-landmark:hover>img{transform:scale(1.05)}
.map-landmark:focus-visible{outline:3px solid #fff;outline-offset:5px}
.shop-frontage{float:left;width:160px;height:160px;object-fit:contain;margin:0 22px 10px 0;filter:drop-shadow(0 8px 12px #0007)}
.final-gate{max-width:1040px;padding:20px 0}
.final-arrival{position:relative;border:1px solid #c9a35e;border-radius:20px;overflow:hidden;background:#19102c;box-shadow:0 12px 40px #060710aa;margin-bottom:26px;text-align:left}
.realm-panorama{display:block;width:100%;height:clamp(270px,34vw,420px);object-fit:cover;object-position:center 47%}
.final-arrival:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#130e25f5);pointer-events:none}
.arrival-title{position:absolute;left:28px;bottom:20px;z-index:2;max-width:75%}
.arrival-title h1{font-size:clamp(27px,4vw,48px);color:#ffecb2;line-height:1.2;text-shadow:0 3px 8px #000;margin:6px 0}
.arrival-title .eyebrow{color:#f4d894;font-size:14px;margin:0}
.final-arrival .final-guardian{position:absolute;bottom:8px;right:15px;width:130px;height:130px;z-index:2;filter:drop-shadow(0 2px 12px #ac80eaa0)}
.final-gate>p,.final-gate>.final-facts{max-width:820px;margin-left:auto;margin-right:auto}
.final-combat{background:linear-gradient(90deg,#19182edb,#23173566,#151128d9),url('nocti-realm.png') center 55%/cover;border-bottom:1px solid #aa85c16b}
@media(max-width:760px){.map-landmark .landmark-name{font-size:13px}.map-landmark .landmark-name small{font-size:11px}.realm-landmark .landmark-name{padding:5px 3px}.shop-frontage{width:120px;height:120px;margin-right:14px}.arrival-title{left:16px;bottom:18px;max-width:70%}.arrival-title .eyebrow{font-size:12px}.final-arrival .final-guardian{width:90px;height:90px;right:4px}.final-gate{padding:14px 0}.realm-panorama{height:290px}}
@media(prefers-reduced-motion:reduce){.building-landmark>img,.realm-landmark>img{transition:none}.building-landmark:hover>img,.realm-landmark:hover>img{transform:none}}