/*
 * Presentation-only quality pass. The source remains the official client art;
 * every selector below preserves aspect ratio and asks the browser for a
 * filtered final composite instead of nearest-neighbour block expansion.
 */
#game {
  image-rendering: auto !important;
  max-inline-size: 100%;
  block-size: auto;
  object-fit: contain;
  transform: translateZ(0);
}

.ground-house-item {
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ground-house-item img {
  display: none !important;
}

.equipment img,
.container-grid img,
.depot-slot img,
.market-offer-icon img,
.training-item-icon img,
.spell-card img,
.rune-card img,
.battle-entry canvas,
.store-appearance-preview,
.bestiary-creature-sprite,
.bestiary-loot img,
.creature-card img,
.large-creature img,
.loot-rank img,
.cyclopedia-item img,
.item-tooltip-card img,
.inspect-sprite {
  image-rendering: auto !important;
  object-fit: contain;
}
#visual-mode-toggle{border:1px solid #9d7924;background:linear-gradient(#423719,#211b0d);color:#f3d77d;font-weight:700;min-width:82px}
#visual-mode-toggle.retro{border-color:#626b6b;background:linear-gradient(#303737,#1b2020);color:#c7d0cd}

/* Keep every account/action control readable in the compact classic header. */
@media(min-width:1051px){
  .client-shell>header .header-player{position:absolute!important;z-index:1901;top:2px;right:66px;display:flex!important;align-items:center;justify-content:flex-end;width:auto;max-width:calc(50vw - 170px);height:27px;margin:0!important;gap:4px;white-space:nowrap;overflow:visible;text-align:right}
  .header-player #header-character{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .header-player #coordinates{grid-column:auto!important;flex:0 0 auto;padding:0 4px;font-size:9px}
  .header-player button{flex:0 0 auto;height:24px!important;min-width:0;padding:2px 6px!important;font-size:9px!important;line-height:17px!important;white-space:nowrap}
  #visual-mode-toggle{min-width:72px!important}
}
@media(max-width:1500px) and (min-width:1051px){
  .header-player #header-character,.header-player #coordinates{display:none}
  .client-shell>header .header-player{max-width:calc(50vw - 128px)}
}