/* Server-backed dealer shop v513. */
#dealScreen{
  --dealer-gold:#d9b66f;
  --dealer-line:rgba(184,132,59,.48);
  --dealer-panel:rgba(5,9,7,.94);
}

body.dealerLordActive #hudName::after{
  content:"LORD";
  display:inline-block;
  margin-left:7px;
  padding:2px 6px;
  border:1px solid rgba(218,167,65,.72);
  color:#f0c866;
  background:rgba(45,25,7,.78);
  font:700 9px/1 "Cinzel",Georgia,serif;
  letter-spacing:.12em;
  text-shadow:0 0 6px rgba(255,185,45,.5);
}

#dealScreen > .topBar{
  height:76px !important;
  min-height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:1px solid rgba(181,128,56,.42) !important;
  background:linear-gradient(180deg,rgba(15,19,15,.98),rgba(5,8,7,.98)) !important;
}

#dealScreen > .topBar .topTitle{
  color:#e1c58d !important;
  font:800 clamp(30px,3vw,48px)/1 "Cinzel",Georgia,serif !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  text-shadow:0 3px 5px #000,0 0 18px rgba(218,166,74,.16) !important;
}

#dealScreen #dealBody{
  position:absolute !important;
  inset:76px 0 0 !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(170,116,40,.08),transparent 34%),
    linear-gradient(180deg,#080b09,#030504) !important;
}

/* The permanent-left-menu overlay owns stronger shared positioning rules.
   The dealer is a complete stage window, so cancel its centered card width
   and translation explicitly instead of inheriting the old small panel. */
#cityOverlayFinalBody > #dealScreen.asOverlayPanel > .topBar{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  transform:none !important;
  height:76px !important;
  min-height:76px !important;
  display:flex !important;
  background:linear-gradient(180deg,rgba(15,19,15,.98),rgba(5,8,7,.98)) !important;
  border-bottom:1px solid rgba(181,128,56,.42) !important;
}

#cityOverlayFinalBody > #dealScreen.asOverlayPanel > .topBar .topTitle{
  display:block !important;
}

#cityOverlayFinalBody > #dealScreen.asOverlayPanel > #dealBody.panelBody{
  position:absolute !important;
  top:76px !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.dealerShopLoading{
  height:100%;
  display:grid;
  place-items:center;
  color:#d8bb83;
  font:700 18px/1.2 "Cinzel",Georgia,serif;
}

.dealerShopApp,.dealerShopApp *{box-sizing:border-box;}
.dealerShopApp{width:100%;min-width:0;height:100%;display:grid;grid-template-rows:62px minmax(0,1fr);color:#d8c199;font-family:Georgia,"Times New Roman",serif;}

.dealerShopToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 22px;border-bottom:1px solid rgba(176,125,54,.32);background:rgba(3,6,5,.72);}
.dealerShopTabs{display:flex;align-items:center;gap:8px;}
.dealerShopTab{min-width:170px;height:42px;padding:0 20px;border:1px solid rgba(181,129,57,.5);border-radius:3px;background:linear-gradient(180deg,rgba(31,40,31,.88),rgba(8,13,10,.94));color:#bda574;font:700 14px/1 "Cinzel",Georgia,serif;text-transform:uppercase;cursor:pointer;}
.dealerShopTab.is-active{border-color:#c28c39;background:linear-gradient(180deg,rgba(76,50,18,.96),rgba(28,18,7,.98));color:#f0cf8d;box-shadow:inset 3px 0 #e2a743,0 0 12px rgba(201,140,50,.12);}
.dealerShopBalance{display:flex;align-items:center;gap:9px;min-width:150px;justify-content:flex-end;color:#eed49b;font:700 22px/1 Georgia,serif;}
.dealerShopBalance img,.dealerPrice img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(123,84,255,.45));}

.dealerShopViewport{min-height:0;overflow:auto;padding:18px 22px 28px;scrollbar-color:#80612f #070a08;}
.dealerShopIntro{text-align:center;margin:0 auto 17px;max-width:850px;color:#bfa87c;font-size:14px;line-height:1.45;}
.dealerSectionTitle{position:relative;margin:4px 0 13px;color:#d9b973;font:700 17px/1.2 "Cinzel",Georgia,serif;text-align:center;text-transform:uppercase;}
.dealerSectionTitle::before,.dealerSectionTitle::after{content:"";display:inline-block;width:min(22%,220px);height:1px;margin:0 13px 5px;background:linear-gradient(90deg,transparent,rgba(191,139,65,.55));}
.dealerSectionTitle::after{background:linear-gradient(90deg,rgba(191,139,65,.55),transparent);}

.dealerRelicSlots{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;max-width:760px;margin:0 auto 22px;}
.dealerRelicSlot{min-height:76px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid rgba(172,124,57,.36);background:linear-gradient(145deg,rgba(18,23,19,.94),rgba(5,8,6,.96));}
.dealerRelicSlot.is-empty{grid-template-columns:1fr;color:#74684f;text-align:center;}
.dealerRelicSlot img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(218,169,68,.72);}
.dealerRelicSlot strong{display:block;color:#e2c68e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dealerRelicSlot small{display:block;margin-top:5px;color:#9d8b67;font-size:10px;}
.dealerRelicSlot button{width:28px;height:28px;padding:0;border:1px solid rgba(151,97,45,.58);background:#310d08;color:#e5b36d;cursor:pointer;}

.dealerOfferGrid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;margin-bottom:23px;}
.dealerOffer{position:relative;min-height:188px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:12px;border:1px solid var(--dealer-line);background:linear-gradient(135deg,rgba(16,22,18,.97),rgba(4,7,5,.98));box-shadow:inset 0 0 0 2px rgba(2,4,3,.72),0 8px 18px rgba(0,0,0,.28);overflow:hidden;}
.dealerOffer::after{content:"";position:absolute;inset:5px;border:1px solid rgba(231,190,112,.04);pointer-events:none;}
.dealerOfferVisual{position:relative;align-self:stretch;min-height:154px;overflow:hidden;border:1px solid rgba(162,113,48,.38);background:radial-gradient(circle,rgba(143,96,32,.14),transparent 66%),#060806;}
.dealerOfferVisual img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.95) brightness(.88);}
.dealerOfferBody{min-width:0;display:flex;flex-direction:column;align-items:flex-start;}
.dealerOffer h3{margin:2px 0 5px;color:#e0bf7d;font:700 16px/1.2 "Cinzel",Georgia,serif;}
.dealerOfferBonus{margin:0 0 8px;color:#bba477;font-size:12px;line-height:1.35;}
.dealerOfferExpiry{color:#8f7b5b;font-size:10px;line-height:1.25;}
.dealerOfferActions{width:100%;display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:10px;}
.dealerPrice{display:inline-flex;align-items:center;gap:5px;margin-right:auto;color:#efcf92;font-size:17px;font-weight:700;}
.dealerPrice img{width:21px;height:21px;}
.dealerBuy,.dealerEquip{height:36px;padding:0 13px;border:1px solid rgba(173,126,49,.78);border-radius:2px;background:linear-gradient(180deg,#244e29,#0c2615);color:#f0d59e;font:700 11px/1 "Cinzel",Georgia,serif;text-transform:uppercase;cursor:pointer;}
.dealerEquip{border-color:rgba(113,116,151,.62);background:linear-gradient(180deg,#292942,#10101f);}
.dealerBuy:hover,.dealerEquip:hover{filter:brightness(1.16);}
.dealerBuy:disabled,.dealerEquip:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5);}

.dealerLordOffer{grid-column:1/-1;min-height:225px;grid-template-columns:210px minmax(0,1fr) 190px;border-color:rgba(205,153,60,.72);background:radial-gradient(circle at 20% 42%,rgba(183,114,25,.17),transparent 34%),linear-gradient(135deg,#16140d,#060807 70%);}
.dealerLordOffer .dealerOfferVisual{min-height:198px;background:radial-gradient(circle,rgba(217,151,46,.2),transparent 62%),#050705;}
.dealerLordOffer .dealerOfferVisual img{object-fit:contain;padding:18px;filter:drop-shadow(0 8px 12px #000) sepia(.45) saturate(1.45) brightness(1.05);}
.dealerLordBenefits{margin:5px 0 0;padding:0;list-style:none;color:#cdb17b;font-size:13px;line-height:1.65;}
.dealerLordBenefits li::before{content:"◆";margin-right:8px;color:#bc8739;font-size:8px;}
.dealerLordPurchase{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;border-left:1px solid rgba(172,121,49,.32);padding-left:18px;}
.dealerLordPurchase .dealerPrice{justify-content:center;margin:0;font-size:26px;}
.dealerLordPurchase .dealerBuy{height:48px;font-size:15px;}

.dealerUtilityGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px;margin-bottom:20px;}
.dealerUtilityGrid .dealerOffer{min-height:170px;}
.dealerCodeBox{max-width:none !important;margin:14px 0 0 !important;border-radius:2px !important;background:linear-gradient(180deg,rgba(16,20,17,.9),rgba(5,8,6,.95)) !important;}

.dealerCrystalClaim{max-width:900px;min-height:320px;margin:34px auto;display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid rgba(190,138,58,.68);background:radial-gradient(circle at 18% 50%,rgba(101,71,222,.18),transparent 36%),linear-gradient(135deg,#101711,#050806);box-shadow:inset 0 0 0 3px #030504,0 18px 40px rgba(0,0,0,.42);}
.dealerCrystalArt{display:grid;place-items:center;border-right:1px solid rgba(175,124,51,.34);}
.dealerCrystalArt img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(112,77,255,.38));}
.dealerCrystalInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px;}
.dealerCrystalInfo h2{margin:0 0 10px;color:#e0c184;font:800 28px/1.1 "Cinzel",Georgia,serif;}
.dealerCrystalAmount{display:flex;align-items:center;gap:9px;margin:15px 0;color:#f1d79e;font-size:34px;font-weight:700;}
.dealerCrystalAmount img{width:38px;height:38px;object-fit:contain;}
.dealerCrystalClaimButton{min-width:230px;height:52px;margin-top:12px;border:1px solid #9d742f;background:linear-gradient(180deg,#2a5b30,#0d2817);color:#f0d39a;font:700 15px/1 "Cinzel",Georgia,serif;cursor:pointer;}
.dealerCrystalClaimButton:disabled{opacity:.5;cursor:not-allowed;}
.dealerCooldown{margin-top:10px;color:#a68d65;font-size:12px;}

.dealerShopModal{position:fixed;inset:0;z-index:2147483100;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.78);}
.dealerShopModal.is-open{display:flex;}
.dealerShopModalCard{width:min(650px,94vw);max-height:86vh;overflow:auto;padding:22px;border:1px solid rgba(199,148,67,.72);background:linear-gradient(180deg,#111611,#050806);box-shadow:0 22px 70px #000,inset 0 0 0 3px #020403;color:#d9bf8a;}
.dealerShopModalCard h2{margin:0 0 14px;color:#e4c485;font:700 23px/1.2 "Cinzel",Georgia,serif;}
.dealerShopField{width:100%;height:46px;padding:0 12px;border:1px solid rgba(180,131,60,.55);background:#020403;color:#ead5a5;font-size:16px;}
.dealerAvatarGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0;}
.dealerAvatarChoice{padding:3px;border:2px solid transparent;background:#080b09;cursor:pointer;}
.dealerAvatarChoice.is-selected{border-color:#d6a746;box-shadow:0 0 10px rgba(217,163,58,.3);}
.dealerAvatarChoice img{width:100%;aspect-ratio:1;display:block;object-fit:cover;}
.dealerModalActions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;}
.dealerModalActions button{height:40px;padding:0 18px;border:1px solid rgba(174,126,55,.62);background:#17251a;color:#e2c78e;font:700 12px/1 "Cinzel",Georgia,serif;cursor:pointer;}
.dealerModalActions .is-cancel{background:#2a0d09;}

@media(max-width:1250px){
  .dealerOfferGrid{grid-template-columns:repeat(2,minmax(240px,1fr));}
  .dealerLordOffer{grid-column:1/-1;grid-template-columns:170px minmax(0,1fr) 160px;}
}
@media(max-width:900px){
  .dealerShopToolbar{padding-inline:10px;}
  .dealerShopTab{min-width:0;padding-inline:12px;}
  .dealerShopViewport{padding:14px 10px 24px;}
  .dealerOfferGrid,.dealerUtilityGrid{grid-template-columns:1fr;}
  .dealerLordOffer{grid-template-columns:130px minmax(0,1fr);}
  .dealerLordPurchase{grid-column:1/-1;border-left:0;border-top:1px solid rgba(172,121,49,.32);padding:12px 0 0;}
  .dealerRelicSlots{grid-template-columns:1fr;}
  .dealerCrystalClaim{grid-template-columns:1fr;}
  .dealerCrystalArt{min-height:190px;border-right:0;border-bottom:1px solid rgba(175,124,51,.34);}
  .dealerCrystalInfo{padding:24px;align-items:center;text-align:center;}
}