#hearthstone-wayfinder{position:fixed;top:82px;right:14px;width:214px;z-index:11900;color:#29493f;background:#fff9e9;border:2px solid #c3b48d;border-radius:16px;box-shadow:0 7px 24px #142b342d;font:13px/1.4 system-ui,sans-serif;overflow:hidden;isolation:isolate}
#hearthstone-wayfinder[hidden],#hearthstone-wayfinder [hidden]{display:none!important}
#hearthstone-wayfinder .hw-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f0e8ce}
#hearthstone-wayfinder strong{flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hearthstone-wayfinder button,#hearthstone-wayfinder select{font:inherit;color:#29493f;border:1px solid #c3b48d;border-radius:9px;background:#fffdf4;padding:7px;cursor:pointer;min-height:34px;box-shadow:none;margin:0;letter-spacing:normal;text-transform:none}
#hearthstone-wayfinder button:focus-visible,#hearthstone-wayfinder select:focus-visible{outline:3px solid #1281c4;outline-offset:-2px}
#hearthstone-wayfinder .hw-head button{min-width:34px;font-weight:800;padding:3px 7px}
#hearthstone-wayfinder #hw-body{padding:8px;max-height:calc(100dvh - 162px);overflow:auto}
#hearthstone-wayfinder .hw-graphic{border-radius:9px;overflow:hidden;background:#a8c48a;border:1px solid #b8b992}
#hearthstone-wayfinder svg{display:block;width:100%;height:auto;max-height:42dvh}
#hearthstone-wayfinder .hw-legend{font-size:10px;text-align:center;margin:5px 0;color:#39666d}
#hearthstone-wayfinder .hw-actions{display:flex;gap:5px}
#hearthstone-wayfinder .hw-actions button{flex:1;font-weight:700;font-size:11px}
#hearthstone-wayfinder .hw-find{display:block;margin-top:8px;font-size:11px;font-weight:700}
#hearthstone-wayfinder select{display:block;width:100%;font-weight:400;margin-top:3px;font-size:11px}
#hearthstone-wayfinder .hw-directions{font-size:11px;line-height:1.45}
#hearthstone-wayfinder .hw-directions p{margin:7px 0 0}
#hearthstone-wayfinder.hw-expanded{width:min(650px,calc(100vw - 28px))}
#hearthstone-wayfinder.hw-expanded strong{font-size:15px}
#hearthstone-wayfinder.hw-expanded .hw-directions,#hearthstone-wayfinder.hw-expanded select{font-size:13px}
#hearthstone-wayfinder.hw-collapsed{width:190px}
.qh-shell #hearthstone-wayfinder{z-index:4;top:76px}
.qh-shell:has(.qh-shade) #hearthstone-wayfinder{visibility:hidden}
@media(max-width:640px){#hearthstone-wayfinder{width:155px;right:8px;top:78px;border-radius:12px}#hearthstone-wayfinder .hw-head{padding:4px 6px;gap:3px}#hearthstone-wayfinder strong{font-size:10px}#hearthstone-wayfinder #hw-body{padding:5px}#hearthstone-wayfinder:not(.hw-expanded) .hw-find,#hearthstone-wayfinder:not(.hw-expanded) .hw-directions{display:none}#hearthstone-wayfinder.hw-expanded{width:calc(100vw - 16px)}#hearthstone-wayfinder.hw-collapsed{width:155px}.qh-shell #hearthstone-wayfinder{top:86px}}

/* Keep the existing town shortcuts accessible beside the corner map. */
body:has(#hearthstone-wayfinder:not([hidden])) .ow-pills{right:auto!important;left:10px!important}
body:has(#ow-viewport) #hearthstone-wayfinder{top:10px}
body:has(#ow-viewport) .qh-shell #hearthstone-wayfinder{top:76px}
@media(max-width:640px){body:has(#ow-viewport) .qh-shell #hearthstone-wayfinder{top:86px}}
/* Painted cartography: artwork stays below the live position and accessible labels. */
#hearthstone-wayfinder{border-color:#aa8051;background:#fff4da;box-shadow:0 8px 26px #46301640}
#hearthstone-wayfinder .hw-head{background:linear-gradient(100deg,#efe0b8,#fff3d5);border-bottom:1px solid #c8aa76}
#hearthstone-wayfinder strong{font-family:Georgia,serif;font-size:13px;color:#53391f}
#hearthstone-wayfinder .hw-graphic{background:#ecd6a6;border-color:#b89964;box-shadow:inset 0 0 8px #9a6c3740}
#hearthstone-wayfinder svg{max-height:52dvh}
#hearthstone-wayfinder.hw-expanded{width:min(740px,calc(100vw - 28px))}
#hearthstone-wayfinder.hw-expanded strong{font-size:17px}
#hearthstone-wayfinder .hw-region-label{filter:drop-shadow(0 1px 1px #513a2640)}
#hearthstone-wayfinder [data-region]:focus-visible rect{stroke:#087dca;stroke-width:3}
#hearthstone-wayfinder:not(.hw-expanded) .hw-region-label{display:none}
@media(max-width:640px){#hearthstone-wayfinder strong{font-size:11px}#hearthstone-wayfinder.hw-expanded{width:calc(100vw - 16px)}}

/* A pocket field guide: restrained woodland colours around the painted scene. */
#hearthstone-wayfinder{width:230px;border:1px solid #a28a59;border-radius:18px;background:linear-gradient(135deg,#fff9e8,#f3e5c4);box-shadow:0 10px 32px #213b2f30,0 2px 4px #3c2c2026,inset 0 0 0 3px #fff9e8}
#hearthstone-wayfinder .hw-head{padding:10px 12px;background:linear-gradient(110deg,#244d42,#376555);border-bottom:3px solid #b99d60}
#hearthstone-wayfinder strong{color:#fff5d9;letter-spacing:.02em}
#hearthstone-wayfinder .hw-head button{color:#fff5d9;background:#ffffff12;border-color:#ffffff45;border-radius:50%;min-width:34px}
#hearthstone-wayfinder #hw-body{padding:9px}
#hearthstone-wayfinder .hw-graphic{border:1px solid #b49b66;border-radius:10px;box-shadow:0 1px 0 #fffdf2,0 2px 5px #674b2926}
#hearthstone-wayfinder button,#hearthstone-wayfinder select{background:#fffaf0;border-color:#c7b78e;color:#34584c}
#hearthstone-wayfinder .hw-actions{gap:7px}
#hearthstone-wayfinder .hw-actions button{border-radius:8px;background:linear-gradient(#fffdf5,#ede5cb);min-height:36px}
#hearthstone-wayfinder button:hover{filter:brightness(1.05)}
#hearthstone-wayfinder .hw-legend{margin:7px 0;color:#456555;line-height:1.4}
#hearthstone-wayfinder .hw-find{margin-top:10px;color:#596b4e;letter-spacing:.02em}
#hearthstone-wayfinder select{min-height:38px;border-radius:8px}
#hearthstone-wayfinder .hw-directions{margin-top:9px;padding:8px 10px;background:#e7ead755;border-left:3px solid #91a173;border-radius:0 6px 6px 0;color:#405444}
#hearthstone-wayfinder .hw-directions p:first-child{margin-top:0}
#hearthstone-wayfinder .hw-nature{filter:drop-shadow(0 1px .6px #263a2426)}
#hearthstone-wayfinder.hw-expanded #hw-body{padding:12px}
#hearthstone-wayfinder.hw-collapsed{width:190px}
@media(max-width:640px){#hearthstone-wayfinder{width:160px;border-radius:13px}#hearthstone-wayfinder .hw-head{padding:6px 8px}#hearthstone-wayfinder #hw-body{padding:6px}#hearthstone-wayfinder.hw-expanded #hw-body{padding:8px}#hearthstone-wayfinder.hw-collapsed{width:160px}}