/* V3 – balanced world atlas, independent centered map and refined heraldic branding.
   The legacy CSS remains for functionality; only layout/presentation is overridden. */
/* Keep the world map unobstructed: the fixed masthead covered its northern edge. */
body>header{display:none!important}
:root{--flourborne-gold:#d5ac5d;--flourborne-border:#80643b}
header{
 left:clamp(12px,1.7vw,30px)!important;top:8px!important;
 width:clamp(255px,22vw,344px)!important;height:116px!important;
 z-index:35!important;overflow:visible!important;
}
header>div:first-child{width:100%!important;height:100%!important;display:block!important}
header h1{
 width:100%!important;height:100%!important;
 background:url('assets/ui/forge-title-plaque.png') left center/contain no-repeat!important;
 font-size:0!important;line-height:0!important;
}
/* Keep the world-map image and every marker in the exact same calibrated stage. */
.map-stage{top:50%!important;transform-origin:center center!important;aspect-ratio:1002/668}
.map-stage #mapImage{object-fit:fill!important}
.map-viewport{background-color:#11141b!important}
.layout>.hall-panel{
 width:clamp(240px,19vw,294px)!important;
 left:clamp(12px,1.7vw,30px)!important;
 top:124px!important;bottom:clamp(16px,2.4vh,28px)!important;
 border:2px solid #8e6b38!important;
 border-radius:7px!important;
 background:linear-gradient(155deg,#132039f2 0%,#0d1529f5 53%,#0a111ef5 100%)!important;
 box-shadow:inset 0 0 0 1px #322811,0 8px 25px #0009!important;
}
.layout>.hall-panel .hall-heading{
 padding:10px 12px 9px!important;
 background:linear-gradient(#1d2537,#111a2b)!important;
 border-bottom:1px solid #84653c!important;
}
.layout>.hall-panel .hall-heading h2{
 margin:0 0 4px!important;height:49px!important;
 background-size:contain!important;
}
.layout>.hall-panel .hall-heading p{
 margin:2px 0 7px!important;font:italic 12px Georgia,serif;
 color:#d7c5a5!important;
}
.layout>.hall-panel .hall-switch button{
 padding:6px 10px!important;min-height:31px!important;
 border:1px solid #8e693d!important;border-radius:3px!important;
 box-shadow:none!important;
}
.layout>.hall-panel .hall-summary{
 margin:8px 11px 5px!important;padding:7px 10px!important;
 background:#151d30!important;border:1px solid #4d4e4b!important;
 font-size:12px!important;color:#e4c787!important;
}
.layout>.hall-panel .hall-feed{padding:4px 10px 12px!important;gap:8px!important}
.layout>.hall-panel .hall-card,.layout>.hall-panel .hall-card.is-rare{
 border:1px solid #6a5435!important;
 background:linear-gradient(145deg,#18243c,#0f182b)!important;
 border-radius:4px!important;padding:10px 9px!important;
 box-shadow:0 2px 7px #0004!important;
}
.layout>.hall-panel .hall-title{color:#ffe1a0!important}
.layout>.hall-panel .hall-icon{border-radius:3px!important;width:31px!important;height:31px!important}
.layout>.hall-panel .hall-detail{font-size:12px;line-height:1.35}
.layout>.hall-panel .hall-stamp{font-size:10px}
.layout>.hall-panel .hall-privacy{
 padding:8px 11px!important;line-height:1.35;
 color:#a49b8d!important;background:#0c1422;
 border-top:1px solid #665338!important;
}
.layout>.panel{
 width:min(365px,calc(100vw - 24px))!important;
 right:clamp(12px,1.5vw,28px)!important;
 top:clamp(18px,4vh,38px)!important;
 bottom:clamp(18px,4vh,38px)!important;
 border-radius:6px!important;
}
/* Secondary navigation stays on the edge instead of covering map content. */
#backWorld:not([hidden]),#backZone:not([hidden]){
 right:clamp(15px,2.1vw,34px)!important;
 left:auto!important;
 border-radius:4px!important;
}
@media(min-width:851px) and (max-width:1199px){
 .layout>.hall-panel{width:245px!important;top:114px!important}
 header{width:255px!important;height:105px!important}
}
@media(max-width:850px){
 header{top:5px!important;left:8px!important;width:min(255px,68vw)!important;height:83px!important}
 .layout>.hall-panel{
  top:auto!important;bottom:8px!important;left:8px!important;
  width:min(270px,60vw)!important;height:min(36dvh,310px)!important;
 }
 .layout>.hall-panel .hall-heading{padding:6px 8px!important}
 .layout>.hall-panel .hall-heading h2{height:33px!important}
 .layout>.hall-panel .hall-feed{padding:4px 7px 9px!important}
 .layout>.hall-panel .hall-card{padding:6px!important}
 .layout>.panel.is-open{top:8px!important;bottom:calc(min(36dvh,310px) + 16px)!important}
 #backWorld:not([hidden]),#backZone:not([hidden]){top:89px!important;right:8px!important}
}
@media(max-width:480px){
 header{width:min(230px,70vw)!important;height:77px!important}
 .layout>.hall-panel{width:min(226px,66vw)!important;height:31dvh!important}
 .layout>.panel.is-open{bottom:calc(31dvh + 16px)!important}
 .layout>.hall-panel .hall-heading h2{height:30px!important}
 .layout>.hall-panel .hall-heading p{display:none!important}
 .layout>.hall-panel .hall-privacy{display:none!important}
}

/* Character names in the permanent Hall are usable navigation, not decorative text. */
.layout>.hall-panel .hall-hero-link{
 display:block;margin:3px 0 4px;padding:0;border:0!important;
 background:transparent!important;color:#f2cb79!important;
 font:700 14px Georgia,serif;text-align:left;
 text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;
 box-shadow:none!important;cursor:pointer;
}
.layout>.hall-panel .hall-hero-link:hover,
.layout>.hall-panel .hall-hero-link:focus-visible{
 color:#ffe6a7!important;text-decoration-color:#d3aa65;
 outline-offset:3px;
}

/* Character details use an in-game style modal while leaving the atlas full size. */
.character-modal-backdrop{
 position:fixed!important;inset:0!important;z-index:74!important;
 display:block;width:100vw;height:100dvh;margin:0;padding:0;
 border:0!important;border-radius:0!important;background:#05070bce!important;
 backdrop-filter:blur(1.5px);cursor:default!important;
}
.character-modal-backdrop[hidden]{display:none!important}
html body .layout>.panel.show-character.is-open{
 display:block!important;position:fixed!important;z-index:80!important;
 left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
 transform:translate(-50%,-50%)!important;
 width:min(640px,calc(100vw - 32px))!important;
 height:min(88dvh,900px)!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;
 overflow:auto!important;overscroll-behavior:contain!important;
 padding:0 16px 16px!important;scrollbar-color:#b18a4e #111725;
}

/* Character profile navigation behaves like exclusive in-game sheet tabs. */
.character-shortcut[aria-selected="true"]{filter:brightness(1.22);box-shadow:inset 0 0 0 1px #f0ce7a}
#characterPanel .character-tab-panel[hidden]{display:none!important}

#mapSourceBadge.can-return{cursor:pointer!important;pointer-events:auto!important}
.map-source-badge.can-return:hover{filter:brightness(1.18)}
.map-source-badge:focus-visible{outline:2px solid #f0ce7a;outline-offset:2px}
.map-source-badge:disabled{cursor:default}