/* The Flourborne — persistent Hall of Fame with unobstructed atlas geometry.
   Hall and hero details share the same event data but remain independent surfaces. */
.map-toolbar,.map-notice{display:none!important}
#backWorld:not([hidden]){
 display:inline-flex!important;align-items:center;justify-content:center;
 position:absolute!important;z-index:26;top:clamp(113px,14vh,170px);
 right:clamp(12px,2vw,28px);
 left:auto!important;bottom:auto!important;
 padding:8px 14px;border:2px ridge #c7a05a;border-radius:3px;
 background:linear-gradient(#43291b,#160f14);color:#f4dfb3;
 font:700 12px Georgia,serif;text-shadow:0 1px 2px #000;box-shadow:0 5px 17px #000c;
}
#backWorld[hidden]{display:none!important}
header{width:clamp(260px,30vw,440px)!important;height:clamp(76px,8.8vw,113px)!important}
header h1{
 background-image:url('assets/ui/the-flourborne-logo-v2.png')!important;
 background-position:left center!important;
 background-size:contain!important;
}
/* A carved, scrollable Hall permanently mounted in the left-hand atlas margin. */
.layout>.hall-panel{
 display:flex!important;flex-direction:column;
 position:fixed!important;z-index:29;
 top:clamp(138px,17vh,190px)!important;
 bottom:clamp(12px,3vh,32px)!important;left:clamp(12px,1.5vw,30px)!important;
 width:clamp(255px,22vw,330px)!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 overflow:hidden!important;
 border:3px ridge #bd924b!important;border-radius:3px!important;
 background:linear-gradient(145deg,#322017f5 0%,#101423f8 52%,#120d0af7 100%)!important;
 box-shadow:0 14px 40px #000d,inset 0 0 0 1px #4b2e15!important;
}
.layout>.hall-panel .hall-heading{flex:0 0 auto;padding:10px 12px 10px!important}
.layout>.hall-panel .hall-heading h2{
 display:block;height:64px;min-height:0;
 margin:1px 0 6px!important;font-size:0!important;color:transparent!important;
 text-shadow:none!important;background:url('assets/ui/hall-of-fame.png') center/contain no-repeat!important;
}
.layout>.hall-panel .hall-heading h2:before{display:none!important}
.layout>.hall-panel .hall-eyebrow{display:none!important}
.layout>.hall-panel .hall-heading p{margin:3px 0 8px;font-size:11px;line-height:1.3}
.layout>.hall-panel .hall-switch{margin-top:5px!important;gap:5px}
.layout>.hall-panel .hall-switch button{min-height:29px!important;padding:5px 7px!important;font-size:11px}
.layout>.hall-panel .hall-summary{flex:0 0 auto;margin:9px 11px 1px!important;font-size:11px}
.layout>.hall-panel .hall-feed{
 flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto!important;
 padding:9px 11px 13px!important;gap:9px;
 scrollbar-color:#a77c40 #101522;
}
.layout>.hall-panel .hall-card{padding:10px 9px}
.layout>.hall-panel .hall-icon{width:31px;height:31px;font-size:19px}
.layout>.hall-panel .hall-who{font-size:13px}
.layout>.hall-panel .hall-privacy{flex:0 0 auto;padding:8px 12px!important;font-size:9px}
/* Player details stay a separate right-hand drawer without a second Hall. */
.layout>.panel .hall-panel{display:none!important}
/* Reserve the left sidebar in the same proportional fit calculation. The stage
   uses the original mapping and the existing translation/scale behavior. */
@media(min-width:1100px){
 .map-stage{left:calc(50% + 160px)!important}
 .layout>.panel{width:min(380px,calc(100vw - 24px))!important}
}
@media(min-width:851px) and (max-width:1099px){
 .layout>.hall-panel{width:245px!important;left:9px!important;top:127px!important;bottom:12px!important}
 .map-stage{left:calc(50% + 120px)!important}
}
@media(max-width:850px){
 header{width:min(310px,78vw)!important;height:76px!important;left:6px!important}
 .layout>.hall-panel{
  top:auto!important;bottom:10px!important;left:8px!important;
  width:min(275px,54vw)!important;height:34dvh!important;max-height:310px!important;
  border-width:2px!important;
 }
 .layout>.hall-panel .hall-heading{padding:6px 8px!important}
 .layout>.hall-panel .hall-heading h2{height:40px!important;margin:0!important}
 .layout>.hall-panel .hall-summary{margin:4px 7px!important;padding:5px!important}
 .layout>.hall-panel .hall-feed{padding:5px 7px 9px!important}
 .layout>.hall-panel .hall-privacy{display:none}
 .layout>.hall-panel .hall-heading p{display:none}
 .map-stage{left:50%!important}
 #backWorld:not([hidden]){top:83px;right:8px}
}
@media(max-width:480px){
 header{width:min(245px,79vw)!important;height:65px!important}
 .layout>.hall-panel{width:min(230px,57vw)!important;height:32dvh!important}
 .layout>.hall-panel .hall-heading h2{height:33px!important}
 .layout>.hall-panel .hall-switch button{font-size:10px!important;min-height:26px!important}
 .layout>.hall-panel .hall-card{padding:6px}
}

/* Keep Hall visible under character details on narrow screens too. */
@media(max-width:850px){
 .layout>.panel.is-open{
  top:8px!important;bottom:calc(34dvh + 18px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;
 }
 .layout>.panel.is-open .hall-panel{display:none!important}
}
@media(max-width:480px){
 .layout>.panel.is-open{bottom:calc(32dvh + 18px)!important}
}