/* In-world interaction cues: physical objects first, labels only after a click. */
.area-trigger[hidden]{display:none!important}
.area-trigger.object-hotspot{width:var(--object-hit-width,60px);height:var(--object-hit-height,48px);padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;transform:translate(-50%,-50%);background:transparent;transition:border-color .16s,background-color .16s;cursor:pointer}
.area-trigger.object-hotspot.visible,.area-trigger.object-hotspot.near{opacity:1}
.area-trigger.object-hotspot>span{width:20px;height:20px;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:0;color:#d4c7a4;transition:opacity .16s}
.area-trigger.object-hotspot>span svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}
.area-trigger.object-hotspot.is-discovered>span{opacity:.8}
.area-trigger.object-hotspot:hover,.area-trigger.object-hotspot:focus-visible{border-color:#e9dcbc9c;background:#e9dcbc0a;outline:none}
.area-trigger.object-hotspot:focus-visible{border-style:dashed}
.area-trigger.object-hotspot.has-scene-prop{display:none}
.area-trigger.object-hotspot[hidden]{display:none}
/* Worn, warm wayfinding lettering instead of circular interface badges. */
.area-trigger.navigation-tag{gap:3px;cursor:var(--navigation-cursor,pointer);transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #0009)}
.area-trigger.navigation-tag.visible{opacity:.72}.area-trigger.navigation-tag.near,.area-trigger.navigation-tag:hover,.area-trigger.navigation-tag:focus-visible{opacity:1}
.area-trigger.navigation-tag>span{width:23px;height:23px;min-width:23px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c3b28c}
.area-trigger.navigation-tag>span svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--navigation-bearing,0deg))}
.area-trigger.navigation-tag>b{padding:4px 7px 5px;border:1px solid #b5a17b3d;border-left:0;border-right:0;border-radius:1px;background:linear-gradient(110deg,#302b20b8,#171c17a6);color:#dbcfb2;font:400 clamp(13px,1.05vw,16px) 'Instrument Serif',Georgia,serif;letter-spacing:.025em;text-transform:none;box-shadow:inset 0 1px #f0ddad0a;cursor:inherit}
.area-trigger.navigation-tag:hover>b,.area-trigger.navigation-tag:focus-visible>b{color:#f0e4c9;border-color:#cbb78b80;background:linear-gradient(110deg,#403728d9,#24271ed4)}
.area-trigger.navigation-tag:focus-visible>b{outline:1px dashed #d9c397;outline-offset:3px}
.area-trigger.activity-tag>b{background:#162027a8;border-bottom:1px solid #a9956b40;font-size:.6rem}
/* Existing item sprites keep their position and artwork; emphasize only direct interaction. */
.scene-prop,.scene-prop.near{filter:none}
.scene-prop:hover,.scene-prop:focus-visible{filter:drop-shadow(0 0 1px #fff0c8) drop-shadow(0 0 3px #dfcea880);outline:none}
.scene-prop:focus-visible{outline:1px dashed #d9c397;outline-offset:3px}
.scene-prop.near:not(.prop-ledger):not(.prop-satchel):not(.prop-pier-whiskey){transform:none}
.scene-prop.prop-ledger.near{transform:rotate(-6deg)}.scene-prop.prop-satchel.near{transform:rotate(-7deg)}.scene-prop.prop-pier-whiskey.near{transform:rotate(7deg)}
@media(hover:none){.area-trigger.object-hotspot.available:active{border-color:#e9dcbc9c;background:#e9dcbc12}.area-trigger.navigation-tag>b{font-size:14px;padding:5px 7px}.area-trigger.navigation-tag.visible{opacity:.82}}
@media(prefers-reduced-motion:reduce){.area-trigger.object-hotspot,.area-trigger.object-hotspot>span{transition:none}}
