/* Direct navigation remains separate from the historical scene artwork. */
.header-world{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:210px;padding:7px 10px;font-size:12px;color:var(--gold);border-color:var(--border);background:var(--backing)}
.header-world span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.world-shortcut{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:8px;color:var(--gold);border:1px solid var(--border);background:color-mix(in srgb,var(--backing) 88%,transparent);border-radius:5px;touch-action:manipulation;pointer-events:auto}
.world-shortcut svg{width:24px;height:24px;pointer-events:none}
.immersive-hud .world-shortcut{margin-left:auto}.immersive-hud #game-menu{margin-left:0}
.immersive.mobile-hud .world-shortcut{position:absolute;top:max(4px,env(safe-area-inset-top));right:calc(max(8px,env(safe-area-inset-right)) + 52px);box-shadow:0 2px 8px #0006}
.discovery-safe-area{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.discovery-hint{position:fixed;z-index:30;max-width:270px;width:max-content;box-sizing:border-box;padding:11px 13px;border:1px solid var(--border);border-radius:7px;background:color-mix(in srgb,var(--backing) 96%,transparent);color:var(--text);box-shadow:0 4px 16px #0007;opacity:0;transition:opacity .3s ease;pointer-events:none;font-size:12px;line-height:1.5}
.discovery-hint.is-visible{opacity:1;transition-duration:.2s}
.discovery-anchor{outline:1px solid var(--gold);outline-offset:3px}
.discovery-hint strong{display:block;color:var(--gold);font-size:13px;padding-right:23px}.discovery-hint p{margin:4px 0 0;max-width:230px}
.discovery-hint::before{content:'';position:absolute;left:var(--hint-pointer,50%);width:8px;height:8px;background:var(--backing);border:solid var(--border);transform:translateX(-50%) rotate(45deg)}
.discovery-hint[data-side=below]::before{top:-5px;border-width:1px 0 0 1px}.discovery-hint[data-side=above]::before{bottom:-5px;border-width:0 1px 1px 0}
.discovery-hint[data-side=left]::before{left:auto;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-width:1px 1px 0 0}
.discovery-hint[data-side=right]::before{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-width:0 0 1px 1px}
.discovery-hint[data-side=top]::before,.discovery-hint[data-side=bottom]::before{display:none}
.discovery-hint button{pointer-events:auto;min-height:44px;padding:8px;color:var(--text);border-color:var(--border);font-size:12px;background:var(--backing)}
.discovery-hint #discovery-dismiss{position:absolute;right:0;top:0;width:44px;min-height:44px;border:0;background:transparent;font-size:17px}
.discovery-hint-actions{display:flex;gap:8px;margin-top:8px}.discovery-hint-actions:has(button:not([hidden])){pointer-events:auto}
.discovery-hint-actions:not(:has(button:not([hidden]))){display:none}
@media(max-width:1100px){.header-world{max-width:160px}.header-actions{gap:4px}header{gap:8px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.discovery-hint,.discovery-hint.is-visible{transition:none}}
