/* World-space hotspots use the same illustration coordinates as the objects. */
.harbour-inn-art>.inn-hotspot{padding:0;min-width:0;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#f9e5ba;touch-action:manipulation;z-index:2;isolation:isolate}
.harbour-inn-art>.inn-hotspot:is(:hover,:focus-visible){background:transparent;outline:0;z-index:5}
.inn-object-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;pointer-events:none;transition:opacity .16s;filter:drop-shadow(0 0 3px #f0a339b0)}
.inn-object-outline path{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.inn-object-outline .inn-outline-glow{stroke:#efa936;stroke-width:6;opacity:.18}
.inn-object-outline .inn-outline-rim{stroke:#dca14a;stroke-width:2.3;opacity:.9}
.inn-object-outline .inn-outline-core{stroke:#fff1bb;stroke-width:.85}
.inn-hotspot-label{position:absolute;left:var(--label-x,50%);top:var(--label-y,0%);transform:translate(-50%,-50%);width:max-content;min-width:clamp(128px,11cqw,198px);max-width:245px;height:clamp(33px,2.65cqw,47px);padding:0 18px;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .16s;filter:drop-shadow(0 2px 4px #0009);z-index:3}
.inn-hotspot-label .inn-label-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 2px #b9823560)}
.inn-label-rim{fill:#171a14f5;stroke:#edc475;stroke-width:1.8;vector-effect:non-scaling-stroke}
.inn-label-inlay{fill:none;stroke:#b893504c;stroke-width:.7;vector-effect:non-scaling-stroke}
.inn-hotspot-label .inn-hotspot-text{position:relative;color:#fff0c9;text-shadow:0 1px 2px #000;font:500 clamp(13px,1.2cqw,21px)/1.15 var(--heading);white-space:nowrap}
.inn-hotspot-badge{position:absolute;left:50%;bottom:calc(100% - 4px);transform:translateX(-50%);width:clamp(31px,2.9cqw,49px);aspect-ratio:1;border-radius:50%;border:1.6px solid #edc475;background:radial-gradient(circle at 45% 35%,#292a20,#0e120f 78%);box-shadow:inset 0 0 0 3px #6d53264d,0 0 5px #ffc36675;display:grid;place-items:center}
.inn-hotspot-badge>svg{width:62%;height:62%;fill:none;stroke:#edc990;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.inn-hotspot:is(:hover,:focus-visible)>.inn-object-outline,.inn-hotspot:is(:hover,:focus-visible)>.inn-hotspot-label{opacity:1}
.inn-hotspot>.inn-lyre-prop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:rotate(16deg);transform-origin:50% 90%;filter:brightness(.86) saturate(.82) drop-shadow(-3px 5px 3px #000c);pointer-events:none;transition:filter .16s}
.inn-hotspot-lyre:is(:hover,:focus-visible)>.inn-lyre-prop{filter:brightness(.98) saturate(.85) drop-shadow(0 0 .7px #fff0b0) drop-shadow(0 0 2px #ffce70) drop-shadow(0 0 4px #f3a839a0)}
.inn-explore-hint{position:absolute;bottom:8px;left:18px;margin:0;padding:6px 10px;background:#14140ebc;color:#e2c999;font:12px var(--sans);pointer-events:none}
@media(prefers-reduced-motion:reduce){.inn-object-outline,.inn-hotspot-label,.inn-lyre-prop{transition:none}}