#guildHallScreen.oaiGuildHallReady .guildHallImg{
  opacity:0 !important;
}

#guildHallScreen.oaiGuildHallReady #guildChestHotspot,
#guildHallScreen.oaiGuildHallReady #guildBoardHotspot,
#guildHallScreen.oaiGuildHallReady #guildBossHotspot,
#guildHallScreen.oaiGuildHallReady .guildWarHallSpot{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#oaiGuildHallV314{
  position:absolute;
  inset:0;
  z-index:10;
  overflow:hidden;
  pointer-events:none;
  background:#080503;
}

.oaiGuildHallMap{
  position:absolute;
  inset:0;
  isolation:isolate;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(255,220,148,.035), rgba(0,0,0,0) 57%),
    url("../img/guild_hall_v316_base.png") center / 100% 100% no-repeat;
}

.oaiGuildHallHoverLayer{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  object-fit:fill;
  transition:opacity .11s ease;
}

.oaiGuildHallMap.is-hovered .oaiGuildHallHoverLayer{
  opacity:1;
}

.oaiGuildHallCrestMount{
  position:absolute;
  left:39.8%;
  top:27.8%;
  z-index:2;
  display:grid;
  width:14.2%;
  height:24%;
  place-items:center;
  pointer-events:none;
  transform:scale(1);
  transform-origin:center;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.72));
  transition:transform .14s ease, filter .14s ease;
}

.oaiGuildHallCrestMount::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:-1;
  opacity:0;
  border-radius:50%;
  background:radial-gradient(circle, rgba(196,126,255,.40), rgba(255,190,70,.18) 42%, rgba(0,0,0,0) 72%);
  filter:blur(9px);
  transform:scale(.82);
  transition:opacity .14s ease, transform .14s ease;
}

.oaiGuildHallCrestMount .oaiGuildBanner{
  --gb-size:clamp(118px, 10.2vw, 170px);
}

.oaiGuildHallMap.is-orb-hovered .oaiGuildHallCrestMount{
  transform:scale(1.055);
  filter:brightness(1.16) drop-shadow(0 0 12px rgba(208,139,255,.76)) drop-shadow(0 0 20px rgba(255,188,67,.38));
}

.oaiGuildHallMap.is-orb-hovered .oaiGuildHallCrestMount::before{
  opacity:1;
  transform:scale(1);
}

.oaiGuildHallHotspot{
  position:absolute !important;
  z-index:4 !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  color:#ffe4a7 !important;
  border:0 !important;
  border-radius:16px !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.oaiGuildHallHotspot:hover,
.oaiGuildHallHotspot:focus-visible{
  filter:drop-shadow(0 0 13px rgba(255,188,65,.34));
}

.oaiGuildHallHotspot:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(255,211,106,.78) !important;
}

.oaiGuildHallHotspot--orb{ left:39.6%; top:27.3%; width:14.6%; height:25%; }
.oaiGuildHallHotspot--board{ left:75.5%; top:21%; width:23%; height:47%; }
.oaiGuildHallHotspot--table{ left:24%; top:69%; width:62%; height:29%; }
.oaiGuildHallHotspot--chest{ left:14%; top:50%; width:20%; height:19%; }

.oaiGuildHallLabel{
  position:absolute;
  left:50%;
  bottom:7%;
  min-width:max-content;
  max-width:210px;
  padding:7px 12px 6px;
  opacity:0;
  color:#ffe2a0;
  border:1px solid rgba(222,165,72,.84);
  border-radius:7px;
  background:
    linear-gradient(180deg, rgba(83,43,18,.96), rgba(31,14,7,.97)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 170% 230% no-repeat;
  box-shadow:0 8px 18px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,234,171,.18);
  font:900 clamp(10px, .78vw, 15px)/1.1 "Cinzel", Georgia, serif;
  letter-spacing:.25px;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
  white-space:nowrap;
  pointer-events:none;
  transform:translate(-50%, 6px);
  transition:opacity .13s ease, transform .13s ease;
}

.oaiGuildHallHotspot:hover .oaiGuildHallLabel,
.oaiGuildHallHotspot:focus-visible .oaiGuildHallLabel{
  opacity:1;
  transform:translate(-50%, 0);
}

.oaiGuildHallHotspot--table .oaiGuildHallLabel{ bottom:auto; top:5%; }
.oaiGuildHallHotspot--board .oaiGuildHallLabel{ bottom:12%; }

#guildHallScreen.oaiGuildHallOwnModal .oaiGuildHallHotspot,
#guildHallScreen .oaiGuildHallHotspot.ghHotspotHiddenByModal{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#guildHallScreen .guildHallFrame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(4,2,1,.72);
  backdrop-filter:blur(3px);
  transition:opacity .14s ease, visibility 0s linear .14s;
}

#guildHallScreen.oaiGuildHallBackdropOpen .guildHallFrame::after{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}

.oaiGuildHallModalLayer{
  position:absolute;
  inset:0;
  z-index:150;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  pointer-events:auto;
  background:transparent;
  backdrop-filter:none;
}

.oaiGuildHallModalLayer.show{
  display:flex;
}

.oaiGuildCrestDialog,
.oaiGuildBannerEditorDialog{
  position:relative;
  color:#e8d0a3;
  border:1px solid rgba(216,162,73,.62);
  border-radius:17px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,139,.09), rgba(0,0,0,0) 42%),
    linear-gradient(180deg, rgba(45,22,12,.98), rgba(15,8,5,.99)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / cover;
  box-shadow:0 24px 70px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,231,174,.16);
}

.oaiGuildCrestDialog{
  width:min(520px, 92%);
  padding:22px;
  text-align:center;
}

.oaiGuildCrestPreview{
  display:grid;
  width:150px;
  height:150px;
  margin:0 auto 4px;
  place-items:center;
}

.oaiGuildCrestPreview .oaiGuildBanner{ --gb-size:145px; }

.oaiGuildHallModalTitle{
  margin:0;
  color:#f5d99d;
  font:900 24px/1.2 "Cinzel", Georgia, serif;
  text-shadow:0 3px 8px #000;
}

.oaiGuildHallModalSub{
  margin:5px 0 16px;
  color:#aa9571;
  font-size:12px;
}

.oaiGuildCrestActions,
.oaiGuildBannerEditorFoot{
  display:flex;
  gap:10px;
  justify-content:center;
}

.oaiGuildHallButton{
  min-height:43px;
  padding:9px 18px;
  cursor:pointer;
  color:#ffe0a0;
  border:1px solid rgba(208,155,72,.78);
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,139,.11), rgba(0,0,0,0) 40%),
    linear-gradient(180deg, rgba(48,12,12,.34), rgba(10,4,4,.52)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,225,164,.22), inset 0 -8px 14px rgba(8,3,3,.36), 0 8px 15px rgba(0,0,0,.36);
  font:900 13px/1.15 "Cinzel", Georgia, serif;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
}

.oaiGuildHallButton:hover,
.oaiGuildHallButton:focus-visible{
  border-color:rgba(239,185,91,.96);
  filter:brightness(1.14);
}

.oaiGuildHallButton--secondary{
  color:#cbb58c;
  filter:saturate(.68);
}

.oaiGuildHallModalClose{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;
  height:36px;
  padding:0;
  cursor:pointer;
  color:#ffe09a;
  border:1px solid rgba(216,162,73,.72);
  border-radius:9px;
  background:rgba(44,18,9,.92);
  font:900 24px/1 "Cinzel", Georgia, serif;
}

#guildChestPanel > .oaiGuildHallModalClose,
#guildBoardPanel .oaiGuildHallModalClose,
#guildBossPanel .oaiGuildHallModalClose{
  top:10px !important;
  right:10px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  max-width:36px !important;
  max-height:36px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  z-index:4;
  color:#ffe0a0 !important;
  border-color:rgba(208,155,72,.78) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,139,.11), rgba(0,0,0,0) 40%),
    linear-gradient(180deg, rgba(48,12,12,.34), rgba(10,4,4,.52)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,164,.22),
    inset 0 -8px 14px rgba(8,3,3,.36),
    0 5px 12px rgba(0,0,0,.42),
    0 0 0 1px rgba(62,20,12,.82) !important;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
}

#guildChestPanel h3,
#guildBoardPanel .guildPanelHead,
#guildBossPanel .guildBossHead{
  padding-right:46px;
}

#guildChestPanel > .oaiGuildHallModalClose:hover,
#guildChestPanel > .oaiGuildHallModalClose:focus-visible,
#guildBoardPanel .oaiGuildHallModalClose:hover,
#guildBoardPanel .oaiGuildHallModalClose:focus-visible,
#guildBossPanel .oaiGuildHallModalClose:hover,
#guildBossPanel .oaiGuildHallModalClose:focus-visible{
  border-color:rgba(239,185,91,.92);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,227,162,.18), rgba(0,0,0,0) 42%),
    linear-gradient(180deg, rgba(86,24,20,.28), rgba(18,5,5,.42)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat !important;
  filter:brightness(1.1);
}

/* Compact treasury presentation: balance first, styled deposit control below it. */
#guildChestPanel .oaiGuildTreasury{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:8px auto 2px;
}

#guildChestPanel .oaiGuildTreasuryBalance{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  padding:3px 18px;
  color:#ffe5a1;
  font:900 28px/1 "Cinzel", Georgia, serif;
  text-shadow:0 2px 4px rgba(0,0,0,.92), 0 0 11px rgba(241,185,63,.28);
  transform:translateX(-9px);
}

#guildChestPanel .oaiGuildTreasuryGoldIcon{
  display:block;
  width:58px;
  height:46px;
  flex:0 0 58px;
  background:url("../img/ui/gold.png") center / contain no-repeat;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(246,196,83,.24));
}

#guildChestPanel .oaiGuildDepositField{
  position:relative;
  display:flex;
  align-items:center;
  width:min(330px, 90%);
  min-height:42px;
  overflow:hidden;
  border:1px solid rgba(208,155,72,.70);
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(48,12,12,.36), rgba(10,4,4,.58)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 145% 230% no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255,225,164,.18),
    inset 0 0 14px rgba(0,0,0,.52),
    0 5px 12px rgba(0,0,0,.34);
}

#guildChestPanel .oaiGuildDepositGoldIcon{
  width:34px;
  height:28px;
  margin:0 7px 0 10px;
  flex:0 0 34px;
  background:url("../img/ui/gold.png") center / contain no-repeat;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.68));
}

#guildChestPanel #guildDepositAmount{
  width:100%;
  height:40px;
  min-width:0;
  margin:0 !important;
  padding:0 12px 0 0;
  appearance:textfield;
  border:0 !important;
  outline:0;
  color:#ffe8b1;
  background:transparent !important;
  box-shadow:none !important;
  font:800 14px/1.2 "Cinzel", Georgia, serif;
}

#guildChestPanel #guildDepositAmount::placeholder{
  color:rgba(229,205,162,.68);
  opacity:1;
}

#guildChestPanel #guildDepositAmount::-webkit-inner-spin-button,
#guildChestPanel #guildDepositAmount::-webkit-outer-spin-button{
  margin:0;
  appearance:none;
}

#guildChestPanel .oaiGuildDepositField:focus-within{
  border-color:rgba(245,192,93,.96);
  box-shadow:
    inset 0 1px 0 rgba(255,232,180,.25),
    inset 0 0 14px rgba(0,0,0,.48),
    0 0 13px rgba(231,166,60,.20);
}

#guildChestPanel .oaiGuildDepositAction{
  display:flex;
  justify-content:center;
}

#guildChestPanel .oaiGuildDepositAction #guildDepositBtn{
  flex:0 0 auto;
  width:auto;
  min-width:178px;
  margin:0 !important;
  padding:10px 22px;
}

#guildChestPanel .guildBonusCost{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:27px;
  color:#ffe4a0;
  font-size:14px;
  font-weight:900;
}

#guildChestPanel .oaiGuildBonusGoldIcon{
  display:block;
  width:31px;
  height:25px;
  flex:0 0 31px;
  background:url("../img/ui/gold.png") center / contain no-repeat;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.72)) drop-shadow(0 0 4px rgba(246,196,83,.18));
}

/* Center every guild window over the playable stage, not the full viewport. */
:root{
  --oaiGuildHallModalCenterX:calc(50% + (var(--menuStageW, 340px) / 2));
  --oaiGuildHallModalLeftInset:var(--menuStageW, 340px);
}

#guildChestPanel,
#guildMemberDetailPanel,
#guildGuildDetailPanel,
#guildBossPanel,
#guildWarModal{
  left:var(--oaiGuildHallModalCenterX) !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
}

#guildUiModalOverlay,
#guildWarBattleOverlay,
#guildBossRaidOverlay{
  box-sizing:border-box !important;
  padding-left:var(--oaiGuildHallModalLeftInset) !important;
}

@media (max-width:1100px){
  :root{
    --oaiGuildHallModalCenterX:50%;
    --oaiGuildHallModalLeftInset:0px;
  }
}

/* Guild hall controls share the same burgundy surface as the left menu. */
#guildChestPanel .guildBtn,
#guildGatePanel .guildBtn,
#guildBoardPanel .guildBtn,
#guildBoardPanel .guildBoardTab,
#guildBoardPanel .guildMiniBtn,
#guildMemberDetailPanel .guildBtn,
#guildMemberDetailPanel .guildMiniBtn,
#guildGuildDetailPanel .guildBtn,
#guildGuildDetailPanel .guildMiniBtn,
#guildBossPanel .guildBtn,
#guildWarModal .guildWarBtn,
#guildWarBattleOverlay .guildWarBtn,
#guildUiModalOverlay .guildUiModalBtn,
#guildBossRaidOverlay .gbRaidBtn,
.oaiGuildHallModalLayer .oaiGuildHallButton,
#guildBoardPanel .guildCloseBtn,
#guildMemberDetailPanel .guildCloseBtn,
#guildGuildDetailPanel .guildCloseBtn,
#guildBossPanel .guildCloseBtn,
#guildWarModal .guildWarClose,
#guildBossRaidOverlay .gbRaidClose,
.oaiGuildHallModalLayer .oaiGuildHallModalClose{
  color:#ffe0a0 !important;
  border-color:rgba(208,155,72,.78) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,139,.11), rgba(0,0,0,0) 40%),
    linear-gradient(180deg, rgba(48,12,12,.34), rgba(10,4,4,.52)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,225,164,.22),
    inset 0 -8px 14px rgba(8,3,3,.36),
    0 8px 15px rgba(0,0,0,.36),
    0 0 0 1px rgba(62,20,12,.82) !important;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
}

#guildChestPanel .guildBtn:hover,
#guildChestPanel .guildBtn:focus-visible,
#guildGatePanel .guildBtn:hover,
#guildGatePanel .guildBtn:focus-visible,
#guildBoardPanel .guildBtn:hover,
#guildBoardPanel .guildBtn:focus-visible,
#guildBoardPanel .guildBoardTab:hover,
#guildBoardPanel .guildBoardTab:focus-visible,
#guildBoardPanel .guildMiniBtn:hover,
#guildBoardPanel .guildMiniBtn:focus-visible,
#guildMemberDetailPanel .guildBtn:hover,
#guildMemberDetailPanel .guildBtn:focus-visible,
#guildMemberDetailPanel .guildMiniBtn:hover,
#guildMemberDetailPanel .guildMiniBtn:focus-visible,
#guildGuildDetailPanel .guildBtn:hover,
#guildGuildDetailPanel .guildBtn:focus-visible,
#guildGuildDetailPanel .guildMiniBtn:hover,
#guildGuildDetailPanel .guildMiniBtn:focus-visible,
#guildBossPanel .guildBtn:hover,
#guildBossPanel .guildBtn:focus-visible,
#guildWarModal .guildWarBtn:hover,
#guildWarModal .guildWarBtn:focus-visible,
#guildWarBattleOverlay .guildWarBtn:hover,
#guildWarBattleOverlay .guildWarBtn:focus-visible,
#guildUiModalOverlay .guildUiModalBtn:hover,
#guildUiModalOverlay .guildUiModalBtn:focus-visible,
#guildBossRaidOverlay .gbRaidBtn:hover,
#guildBossRaidOverlay .gbRaidBtn:focus-visible,
.oaiGuildHallModalLayer .oaiGuildHallButton:hover,
.oaiGuildHallModalLayer .oaiGuildHallButton:focus-visible,
#guildBoardPanel .guildCloseBtn:hover,
#guildBoardPanel .guildCloseBtn:focus-visible,
#guildMemberDetailPanel .guildCloseBtn:hover,
#guildMemberDetailPanel .guildCloseBtn:focus-visible,
#guildGuildDetailPanel .guildCloseBtn:hover,
#guildGuildDetailPanel .guildCloseBtn:focus-visible,
#guildBossPanel .guildCloseBtn:hover,
#guildBossPanel .guildCloseBtn:focus-visible,
#guildWarModal .guildWarClose:hover,
#guildWarModal .guildWarClose:focus-visible,
#guildBossRaidOverlay .gbRaidClose:hover,
#guildBossRaidOverlay .gbRaidClose:focus-visible,
.oaiGuildHallModalLayer .oaiGuildHallModalClose:hover,
.oaiGuildHallModalLayer .oaiGuildHallModalClose:focus-visible{
  border-color:rgba(239,185,91,.92) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,227,162,.18), rgba(0,0,0,0) 42%),
    linear-gradient(180deg, rgba(86,24,20,.28), rgba(18,5,5,.42)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,238,190,.32),
    inset 0 -8px 14px rgba(8,3,3,.30),
    0 9px 17px rgba(0,0,0,.38),
    0 0 16px rgba(223,80,55,.18),
    0 0 0 1px rgba(84,28,16,.86) !important;
  filter:brightness(1.08);
}

#guildBoardPanel .guildBoardTab.active{
  color:#fff1c5 !important;
  border-color:rgba(255,205,112,.96) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,238,178,.22), rgba(0,0,0,0) 44%),
    linear-gradient(180deg, rgba(104,31,24,.26), rgba(24,7,6,.38)),
    url("../img/ui/left_menu_burgundy_texture_v2.png") center / 150% 230% no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,246,210,.38),
    inset 0 -8px 14px rgba(8,3,3,.28),
    0 10px 18px rgba(0,0,0,.42),
    0 0 18px rgba(229,88,55,.22),
    0 0 0 1px rgba(96,34,18,.90) !important;
}

#guildBoardPanel .guildMiniBtn.accept{
  color:#ddffdf !important;
  border-color:rgba(120,220,140,.62) !important;
}

#guildBoardPanel .guildMiniBtn.danger,
#guildUiModalOverlay .guildUiModalBtn.danger{
  color:#ffd2c9 !important;
  border-color:rgba(255,120,120,.58) !important;
}

#guildUiModalOverlay .guildUiModalBtn.promote{
  color:#d8e5ff !important;
  border-color:rgba(150,190,255,.58) !important;
}

#guildUiModalOverlay .guildUiModalBtn.leader{
  color:#ffedbc !important;
  border-color:rgba(255,220,150,.68) !important;
}

#guildChestPanel .guildBtn:disabled,
#guildGatePanel .guildBtn:disabled,
#guildBoardPanel button:disabled,
#guildMemberDetailPanel button:disabled,
#guildGuildDetailPanel button:disabled,
#guildBossPanel .guildBtn:disabled,
#guildWarModal .guildWarBtn:disabled,
#guildWarBattleOverlay .guildWarBtn:disabled,
#guildUiModalOverlay .guildUiModalBtn:disabled,
#guildBossRaidOverlay .gbRaidBtn:disabled{
  opacity:.46 !important;
  cursor:not-allowed !important;
  filter:grayscale(.62) brightness(.78) !important;
}

.oaiGuildBannerEditorDialog{
  display:flex;
  width:min(1060px, 96%);
  max-height:94%;
  padding:18px;
  flex-direction:column;
}

.oaiGuildBannerEditorHead{
  flex:0 0 auto;
  padding:1px 48px 13px 4px;
}

.oaiGuildBannerEditorBody{
  min-height:0;
  overflow:auto;
  scrollbar-color:rgba(203,151,62,.72) rgba(20,12,7,.45);
}

.oaiGuildBannerEditorBody .oaiGuildCreateLayout{
  width:100%;
}

.oaiGuildBannerEditorFoot{
  flex:0 0 auto;
  padding-top:14px;
}

@media (max-width:900px){
  .oaiGuildHallLabel{ font-size:9px; padding:5px 8px; }
  .oaiGuildCrestActions{ flex-direction:column; }
  .oaiGuildHallButton{ width:100%; }
}