.map-frame{position:relative;overflow:hidden;background:#d8e0cf}
#palace-map{display:block;width:100%;height:auto;aspect-ratio:720/520;min-height:300px;outline-offset:-3px}
.map-camera{position:absolute;z-index:4;top:12px;right:12px;display:flex;gap:3px;padding:4px;background:#f8f3e5e8;border:1px solid #aeb6a3;box-shadow:0 3px 14px #36534716}
.map-camera button{background:transparent;border:0;padding:5px 8px;font:13px var(--serif);color:#476354}
.map-camera button:hover:enabled{background:#e0e6d5}.map-camera button.on{background:#dfe7d3;color:#2f4a3d;font-weight:600}.map-camera button:disabled{opacity:.35}
.map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.map-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;border:1px solid #9ea887;background:#fcf4e3ed;color:#476454;font:12px var(--serif);padding:4px 9px;box-shadow:0 2px 6px #30463416;transition:background .2s}
.map-label[hidden]{display:none}.map-label:hover:enabled{background:#fff7cb;border-color:#7e9976}
.map-label.locked{background:#e5e5d6d9;color:#8a9384;border-style:dashed}
.map-label.npc-label{border-radius:6px;min-width:25px;padding:3px 7px;font-size:14px}
.map-label.npc-label::after{content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);width:7px;height:7px;transform:rotate(45deg);background:#fcf4e3;border-right:1px solid #9ea887;border-bottom:1px solid #9ea887}
.map-label.npc-label.near{font-size:12px;padding:6px 10px;white-space:normal;max-width:170px;min-width:110px;line-height:1.5}
.map-caption{z-index:5;max-width:calc(100% - 24px);pointer-events:none}
.place-transition.model-transition{background:transparent;backdrop-filter:none;pointer-events:all}
.model-transition #transition-tile,.model-transition .transition-shadow{display:none}
.model-transition #transition-label{position:fixed;bottom:12%;padding:12px 28px;border:1px solid #bdc0a3;background:#faf3e5ed;color:#466050;box-shadow:0 4px 24px #2a42382b}
@media(max-width:740px){#palace-map{min-height:290px}.map-label{font-size:10px;padding:3px 6px}.map-camera{top:7px;right:7px}.map-camera button{padding:4px 6px;font-size:12px}.map-label.npc-label.near{font-size:11px;max-width:130px;min-width:80px}}