/* Hirodill V36.69.91 — menu leve sobre o mapa, responsivo para PC e mobile. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.menu-overlay.standard-menu-open {
  place-items: stretch !important;
  padding: max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)) !important;
  background: rgba(2, 9, 8, .57) !important;
  backdrop-filter: brightness(.82) blur(1px);
}

.standard-menu-open > .game-menu-window {
  display: grid !important;
  grid-template-rows: clamp(92px, 14vh, 138px) minmax(0, 1fr) !important;
  place-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 clamp(24px, 4vw, 74px) clamp(8px, 1.4vh, 18px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.legacy-menu-tabs { display: none; }
.standard-menu-open .legacy-menu-tabs {
  align-self: start;
  justify-self: center;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(105px, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(36px, 1fr));
  gap: clamp(6px, .8vw, 12px) clamp(10px, 1.4vw, 22px) !important;
  width: min(78vw, 1180px) !important;
  height: clamp(84px, 12vh, 120px) !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 0;
}

.standard-menu-open .legacy-menu-tabs .menu-tile {
  display: grid !important;
  place-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 3px 12px !important;
  border: 2px solid rgba(255, 255, 255, .78) !important;
  border-radius: 4px !important;
  background: rgba(2, 10, 10, .25) !important;
  color: #fff !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .52), inset 0 0 0 1px rgba(0, 0, 0, .28) !important;
  font-size: clamp(.92rem, 1.8vw, 1.55rem) !important;
  line-height: 1 !important;
  text-transform: none !important;
}

.standard-menu-open .legacy-menu-tabs .menu-tile:hover,
.standard-menu-open .legacy-menu-tabs .menu-tile:focus-visible { background: rgba(255, 255, 255, .11) !important; }
.standard-menu-open .legacy-menu-tabs .menu-tile.active {
  border-color: #efff18 !important;
  background: rgba(69, 71, 5, .34) !important;
  box-shadow: 0 0 0 2px rgba(239, 255, 24, .22), inset 0 -3px rgba(239, 255, 24, .24) !important;
}

.standard-menu-open .menu-back-button {
  z-index: 8 !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  right: max(14px, env(safe-area-inset-right)) !important;
  left: auto !important;
  width: clamp(44px, 4.6vw, 68px) !important;
  height: clamp(44px, 4.6vw, 68px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
}

.standard-menu-open .game-menu-window > .menu-page:not([hidden]) {
  grid-row: 2 !important;
  display: block !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: clamp(4px, 1vh, 10px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transform: none !important;
  zoom: 1 !important;
}

/* Configurações --------------------------------------------------------- */
.standard-menu-open .config-page:not([hidden]) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
}

.config-subtabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 0 auto clamp(10px, 2vh, 22px);
}
.config-subtabs button {
  min-width: clamp(120px, 14vw, 210px);
  min-height: clamp(34px, 5vh, 50px);
  border: 0;
  border-bottom: 3px solid transparent;
  background: rgba(0, 0, 0, .18);
  color: rgba(255,255,255,.64);
  font: 900 clamp(.8rem, 1.4vw, 1.16rem)/1 system-ui, sans-serif;
}
.config-subtabs button.active { border-bottom-color: #efff18; color: #fff; background: rgba(255,255,255,.07); }
.config-modern-view:not([hidden]) {
  display: grid !important;
  align-content: center;
  gap: clamp(18px, 4vh, 44px);
  width: min(920px, 92%);
  height: 100%;
  margin: 0 auto;
}
.five-step-setting {
  display: grid;
  grid-template-columns: minmax(140px, .8fr) auto minmax(210px, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 1.6vw, 22px);
  color: #fff;
}
.five-step-setting > strong { text-align: left; font-size: clamp(1.2rem, 2.35vw, 2.15rem); }
.five-step-setting > button {
  width: clamp(38px, 4.3vw, 62px);
  aspect-ratio: 1;
  padding: 0;
  border: 3px solid rgba(255,255,255,.92);
  border-radius: 4px;
  background: rgba(0,0,0,.28);
  color: #fff;
  font: 1000 clamp(1.6rem, 3.4vw, 3rem)/1 system-ui;
}
.step-squares { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(7px, 1vw, 14px); }
.step-square {
  aspect-ratio: 1;
  min-width: 0;
  padding: 0;
  border: 3px solid rgba(255,255,255,.92);
  border-radius: 3px;
  background: rgba(0,0,0,.18);
  box-shadow: none;
}
.step-square.filled { background: #fff; box-shadow: inset 0 0 0 2px rgba(0,0,0,.12); }
.five-step-setting input,
.five-step-setting output { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.big-buttons-toggle {
  justify-self: center;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 16px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: clamp(1rem, 2vw, 1.7rem);
}
.big-buttons-toggle > span { width: 34px; aspect-ratio: 1; border: 3px solid #fff; background: transparent; }
.big-buttons-toggle[aria-pressed="true"] > span { background: #fff; box-shadow: inset 0 0 0 5px rgba(0,0,0,.2); }
.big-buttons-toggle small { color: #efff18; }
.config-page .mobile-hud-reset {
  justify-self: start;
  min-height: 40px;
  padding: 6px 18px;
  border: 2px solid rgba(255,255,255,.7);
  border-radius: 3px;
  background: rgba(0,0,0,.22);
  color: #fff;
  font-weight: 900;
}

/* Inventário 8 x 4 e set na posição clássica ---------------------------- */
.standard-menu-open .inventory-page:not([hidden]) {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
.inventory-page > h2 { display: none !important; }
.inventory-tabs {
  justify-self: center;
  display: flex !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 0 7px !important;
}
.inventory-tab-button {
  min-width: 120px !important;
  min-height: 30px !important;
  padding: 4px 12px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.17) !important;
  box-shadow: none !important;
  color: rgba(255,255,255,.65) !important;
}
.inventory-tab-button.active { border-bottom-color: #efff18 !important; color: #fff !important; }
.inventory-tabs-content,
.inventory-tab-panel--gear:not([hidden]) { width: 100% !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; }
.inventory-layout-v31 {
  display: grid !important;
  grid-template-columns: minmax(300px, 34%) minmax(520px, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: clamp(26px, 4vw, 72px) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  align-items: start !important;
  padding-top: clamp(18px, 4vh, 46px) !important;
}
.inventory-layout-v31 .equipment-panel,
.inventory-layout-v31 .backpack-panel {
  display: grid !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.inventory-layout-v31 .equipment-panel { align-self: start !important; margin-left: clamp(12px, 2vw, 34px) !important; }
.inventory-layout-v31 .equipment-panel > h3 { display: none !important; }
.inventory-layout-v31 .equipment-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.1vw, 16px) !important;
  width: 100% !important;
  max-width: 560px !important;
  margin: 0 !important;
  aspect-ratio: 1 !important;
}
.equipment-slot,
.inventory-slot {
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: rgba(4, 8, 10, .58) !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.06), 0 2px 5px rgba(0,0,0,.34) !important;
}
.equipment-slot:hover,
.inventory-slot:hover { background: rgba(25, 34, 38, .8) !important; }
.equipment-slot.selected,
.inventory-slot.selected { box-shadow: inset 0 0 0 3px #f0d85c, 0 0 10px rgba(240,216,92,.36) !important; }
.equipment-slot.rarity-uncommon,.inventory-slot.rarity-uncommon { background: rgba(37, 112, 59, .67) !important; }
.equipment-slot.rarity-rare,.inventory-slot.rarity-rare { background: rgba(31, 105, 150, .72) !important; }
.equipment-slot.rarity-epic,.inventory-slot.rarity-epic { background: rgba(107, 45, 132, .74) !important; }
.equipment-slot.rarity-legendary,.inventory-slot.rarity-legendary { background: rgba(154, 104, 22, .78) !important; }
.inventory-slot.locked { opacity: .24 !important; cursor: default !important; }
.equipment-slot .inventory-item-icon { width: 54% !important; height: 54% !important; margin: 0 0 16% !important; }
.equipment-slot small,
.equipment-placeholder { bottom: 6% !important; font-size: clamp(.48rem, .72vw, .72rem) !important; color: rgba(255,255,255,.82) !important; }
.equipment-placeholder { top: 50% !important; bottom: auto !important; color: rgba(255,255,255,.28) !important; }
.equipment-slot--weapon { grid-column: 1 !important; grid-row: 1 !important; }
.equipment-slot--offhand-weapon,.equipment-slot--shield,.equipment-slot--quiver,.equipment-slot--focus,.equipment-slot--relic { grid-column: 1 !important; grid-row: 2 !important; }
.equipment-slot--fishing-rod { grid-column: 1 !important; grid-row: 3 !important; }
.equipment-slot--necklace { grid-column: 2 !important; grid-row: 1 !important; }
.equipment-slot--glove-left { grid-column: 2 !important; grid-row: 2 !important; }
.equipment-slot--ring { grid-column: 2 !important; grid-row: 3 !important; }
.equipment-slot--helmet { grid-column: 3 !important; grid-row: 1 !important; }
.equipment-slot--armor { grid-column: 3 !important; grid-row: 2 !important; }
.equipment-slot--pants { grid-column: 3 !important; grid-row: 3 !important; }
.equipment-slot--boots { grid-column: 3 !important; grid-row: 4 !important; }
.equipment-slot--backpack { grid-column: 4 !important; grid-row: 1 !important; }
.equipment-slot--glove-right { grid-column: 4 !important; grid-row: 2 !important; }
.equipment-slot--belt { grid-column: 4 !important; grid-row: 3 !important; }
.equipment-slot--potion-bag { grid-column: 4 !important; grid-row: 4 !important; }
.inventory-layout-v31 .backpack-panel { align-self: start !important; overflow: visible !important; }
.backpack-heading { min-height: 30px !important; margin: 0 64px 8px 0 !important; }
.backpack-heading h3 { font-size: clamp(.9rem, 1.4vw, 1.3rem) !important; }
.backpack-heading strong { font-size: clamp(.5rem, .72vw, .7rem) !important; }
#backpackInventoryView { position: relative !important; padding-right: clamp(54px, 5vw, 78px) !important; }
.inventory-layout-v31 #inventoryGrid {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(6px, .8vw, 12px) !important;
  width: 100% !important;
  aspect-ratio: 2 / 1 !important;
  overflow: visible !important;
}
.inventory-slot { aspect-ratio: 1 !important; }
.inventory-slot .inventory-item-icon { width: 70% !important; height: 70% !important; margin: 0 !important; }
.inventory-pagination {
  position: absolute !important;
  top: 30px !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-rows: 1fr auto 1fr !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  width: clamp(44px, 4.2vw, 66px) !important;
  margin: 0 !important;
}
.inventory-pagination button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(2, 8, 8, .62) !important;
  color: #fff !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.08) !important;
}
.inventory-pagination button:disabled { opacity: .13 !important; }
.inventory-pagination span { font-size: clamp(.46rem, .64vw, .64rem) !important; white-space: nowrap !important; transform: rotate(-90deg); }
.inventory-layout-v31 .inventory-details { display: none !important; }

/* Atributos e página de resumo ------------------------------------------ */
.standard-menu-open .attributes-page:not([hidden]) {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
}
.attribute-page-heading,
.status-page-heading {
  display: flex !important;
  justify-content: center !important;
  min-height: 30px !important;
  margin: 0 !important;
}
.attribute-page-heading h2,
.status-page-heading h2 { margin: 0 !important; font-size: clamp(1rem, 1.8vw, 1.5rem) !important; }
.attribute-page-heading small,
.status-page-heading small { font-size: clamp(.5rem, .7vw, .7rem) !important; color: rgba(255,255,255,.66) !important; }
.attribute-page-heading .attribute-page-arrow,
.status-page-heading .status-page-arrow { position: fixed !important; right: max(6vw, 64px) !important; bottom: max(5vh, 28px) !important; z-index: 7 !important; }
.attribute-page-arrow,
.status-page-arrow {
  width: clamp(54px, 6vw, 90px) !important;
  height: clamp(42px, 5vw, 72px) !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(2,8,8,.62) !important;
  color: #fff !important;
  font-size: clamp(2rem,4vw,4rem) !important;
}
.attribute-subpage { min-height: 0 !important; }
.standard-menu-open .attributes-page #attributesDistributionView {
  overflow: visible !important;
}
.attribute-panel--qol {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: auto repeat(3, minmax(0,1fr)) auto !important;
  gap: clamp(8px, 1.25vw, 18px) clamp(28px, 4vw, 70px) !important;
  width: min(1220px, 90%) !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 0 clamp(52px, 8vh, 86px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.attribute-points-heading {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.attribute-points-heading > div:first-child small { display: none !important; }
.attribute-points-heading > div:first-child span { font-size: clamp(.7rem, 1.1vw, 1rem) !important; }
.attribute-points-heading > strong { margin-left: 10px !important; color: #efff18 !important; font-size: clamp(1rem,1.8vw,1.6rem) !important; }
.attribute-allocation-control {
  position: absolute !important;
  left: 50% !important;
  bottom: -44px !important;
  transform: translateX(-50%) !important;
}
.attribute-allocation-control > span { display: none !important; }
.attribute-allocation-control > div { display: grid !important; grid-template-columns: auto auto auto !important; gap: 10px !important; }
.attribute-allocation-control button,
.attribute-allocation-control input {
  width: clamp(40px, 4.2vw, 62px) !important;
  height: clamp(40px, 4.2vw, 62px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 2px solid rgba(255,255,255,.85) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
  font-size: clamp(1rem,2vw,1.8rem) !important;
  text-align: center !important;
}
.attribute-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: clamp(8px,1.4vw,18px) !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(0,0,0,.28) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.attribute-row > div { min-width: 0 !important; text-align: left !important; }
.attribute-row strong { font-size: clamp(1rem, 1.8vw, 1.6rem) !important; }
.attribute-row small { display: none !important; }
.attribute-row b { font-size: clamp(1rem,1.8vw,1.6rem) !important; }
.attribute-add-button {
  width: clamp(38px,4vw,58px) !important;
  aspect-ratio: 1 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.18) !important;
  color: #fff !important;
  font-size: clamp(1.5rem,3vw,2.6rem) !important;
}
.attribute-reset-button {
  position: absolute !important;
  left: 0 !important;
  bottom: 6px !important;
  min-height: clamp(40px,4.2vw,62px) !important;
  padding: 0 clamp(18px,2.2vw,34px) !important;
  border: 2px solid rgba(255,255,255,.85) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
}
.standard-menu-open .attribute-panel--qol > .attribute-reset-button {
  position: absolute !important;
  left: 0 !important;
  bottom: -44px !important;
}
.standard-menu-open .attribute-page-heading > .attribute-page-arrow,
.standard-menu-open .status-page-heading > .status-page-arrow {
  display: grid !important;
  width: clamp(54px, 6vw, 90px) !important;
  height: clamp(42px, 5vw, 72px) !important;
  min-width: 54px !important;
  min-height: 42px !important;
}
.attribute-lock-note { position: absolute !important; left: 50% !important; bottom: 0 !important; transform: translateX(-50%); }

.standard-menu-open .status-page:not([hidden]) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  column-gap: clamp(26px,4vw,70px) !important;
  padding-bottom: clamp(56px,8vh,88px) !important;
}
.status-page-heading { grid-column: 1 / -1 !important; }
.status-dashboard {
  display: grid !important;
  grid-template-rows: repeat(2, minmax(0,1fr)) !important;
  gap: clamp(7px,1vh,14px) !important;
  min-height: 0 !important;
}
.status-card {
  min-height: 0 !important;
  padding: clamp(7px,1.1vw,14px) !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: rgba(0,0,0,.24) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}
.status-card h3 { margin: 0 0 4px !important; font-size: clamp(.75rem,1.2vw,1.05rem) !important; color: #efff18 !important; }
.status-group { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 3px 18px !important; margin: 0 !important; }
.status-group > div { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 7px !important; min-width: 0 !important; font-size: clamp(.55rem,.9vw,.82rem) !important; }
.status-group dt { overflow: hidden; color: rgba(255,255,255,.72); text-overflow: ellipsis; white-space: nowrap; }
.status-group dd { margin: 0; color: #fff; text-align: right; }
.status-detail { grid-column: 1 / -1 !important; }

/* HUD deslocável e botões grandes. */
@media (pointer: coarse), (hover: none) {
  .action-hotbar {
    left: calc(max(8px, env(safe-area-inset-left)) + var(--mobile-hud-offset-x, 0px)) !important;
    bottom: calc(max(8px, env(safe-area-inset-bottom)) + var(--mobile-hud-offset-y, 0px)) !important;
    transform: scale(var(--mobile-hud-scale, 1)) !important;
    transform-origin: left bottom !important;
  }
}

/* Telefones em landscape: mantém leitura sem transformar tudo em miniatura. */
@media (max-width: 980px), (max-height: 620px) {
  .menu-overlay.standard-menu-open { padding: max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) !important; }
  .standard-menu-open > .game-menu-window { grid-template-rows: clamp(72px,18vh,98px) minmax(0,1fr) !important; padding: 0 clamp(12px,3vw,28px) 5px !important; }
  .standard-menu-open .legacy-menu-tabs { width: min(80vw,760px) !important; height: clamp(66px,16vh,90px) !important; gap: 4px 8px !important; }
  .standard-menu-open .legacy-menu-tabs .menu-tile { padding: 2px 6px !important; border-width: 2px !important; font-size: clamp(.64rem,2.5vh,.92rem) !important; }
  .standard-menu-open .menu-back-button { width: 40px !important; height: 40px !important; font-size: 1.9rem !important; }
  .inventory-layout-v31 { grid-template-columns: minmax(220px,34%) minmax(410px,1fr) !important; gap: clamp(14px,3vw,34px) !important; padding-top: 10px !important; }
  .inventory-layout-v31 .equipment-panel { margin-left: 6px !important; }
  .inventory-layout-v31 .equipment-grid { gap: 5px !important; }
  .inventory-layout-v31 #inventoryGrid { gap: 4px !important; }
  #backpackInventoryView { padding-right: 42px !important; }
  .inventory-pagination { width: 36px !important; top: 22px !important; }
  .backpack-heading { min-height: 22px !important; margin-bottom: 3px !important; }
  .attribute-panel--qol { width: 92% !important; gap: 5px 20px !important; padding-bottom: 46px !important; }
  .attribute-row { padding: 5px 9px !important; }
  .attribute-allocation-control button,.attribute-allocation-control input,.attribute-add-button { width: 36px !important; height: 36px !important; }
  .attribute-reset-button { min-height: 36px !important; }
  .status-card { padding: 5px 8px !important; }
  .status-group { gap: 1px 9px !important; }
  .equipment-slot small,.equipment-placeholder { font-size: clamp(7px,1vw,9px) !important; }
  .standard-menu-open .attribute-page-heading > .attribute-page-arrow,
  .standard-menu-open .status-page-heading > .status-page-arrow { width: 48px !important; height: 38px !important; min-width: 48px !important; min-height: 38px !important; }
}

@media (min-width: 981px) and (min-height: 621px) {
  .config-modern-view:not([hidden]) { align-content: start !important; padding-top: clamp(70px, 10vh, 110px) !important; }
}

/* Portrait é um modo de contingência; o jogo continua recomendado em landscape. */
@media (orientation: portrait) and (max-width: 760px) {
  .standard-menu-open > .game-menu-window { grid-template-rows: 112px minmax(0,1fr) !important; padding-inline: 3px !important; }
  .standard-menu-open .legacy-menu-tabs { width: calc(100% - 56px) !important; height: 104px !important; gap: 5px !important; }
  .standard-menu-open .legacy-menu-tabs .menu-tile { font-size: .68rem !important; }
  .standard-menu-open .game-menu-window > .inventory-page:not([hidden]) { overflow-y: auto !important; }
  .inventory-layout-v31 { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; gap: 14px !important; overflow: visible !important; }
  .inventory-layout-v31 .equipment-grid { width: min(76vw,360px) !important; margin-inline: auto !important; }
  .inventory-layout-v31 #inventoryGrid { min-width: 540px !important; }
  .inventory-layout-v31 .backpack-panel { overflow-x: auto !important; }
  .five-step-setting { grid-template-columns: 1fr auto minmax(150px,1fr) auto; }
  .attribute-panel--qol { grid-template-columns: 1fr !important; overflow-y: auto !important; }
  .standard-menu-open .status-page:not([hidden]) { grid-template-columns: 1fr !important; overflow-y: auto !important; }
}

/* V36.69.92 — detalhes por toque, aljava e porta-poções no estilo clássico */
.inventory-inspect-modal{z-index:1700;background:rgba(2,12,13,.74);backdrop-filter:blur(1.5px)}
.inventory-inspect-card{width:min(760px,92vw);max-height:min(640px,90dvh);grid-template-columns:112px minmax(0,1fr);gap:14px 22px;padding:clamp(16px,3vw,34px);border:0;border-radius:0;background:transparent;box-shadow:none}
.inventory-inspect-icon{width:104px;height:104px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(0,0,0,.44)}
.inventory-inspect-icon .inventory-item-icon{width:78px;height:78px}.inventory-inspect-card header{align-self:center}.inventory-inspect-card h3{font-size:clamp(1.35rem,4vw,2.15rem)}.inventory-inspect-card header strong{color:#fff;font-size:clamp(.82rem,2vw,1.08rem)}
.inventory-inspect-scroll{grid-column:1/-1;border:0;background:rgba(0,0,0,.15);text-align:center}.inventory-inspect-scroll p{font-size:clamp(.86rem,2.2vw,1.1rem)}.inventory-inspect-scroll b{color:#fff;font-size:clamp(.82rem,2vw,1rem)}
.inventory-inspect-actions{grid-column:1/-1;display:flex;justify-content:center;gap:clamp(9px,2vw,18px);padding-top:5px}.inventory-inspect-actions button{min-width:min(220px,31vw);min-height:54px;border:2px solid rgba(255,255,255,.34);border-radius:3px;padding:10px 18px;color:#fff;font:900 clamp(.88rem,2.3vw,1.25rem)/1 system-ui;text-shadow:0 2px 1px #102028;background:#05bd46}.inventory-inspect-actions #inventoryInspectStore{background:#1682b8}.inventory-inspect-actions #inventoryInspectDrop{background:#df4935}.inventory-inspect-actions button[hidden]{display:none!important}.inventory-inspect-close{border:0;background:rgba(0,0,0,.35);font-size:1.5rem}
.item-container-overlay{z-index:1700;background:rgba(2,12,13,.76);backdrop-filter:blur(1.5px)}.item-container-window{width:min(1040px,100%);height:min(650px,100%);grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:9px;border:0;border-radius:0;background:transparent;box-shadow:none}.item-container-window button{border:2px solid rgba(255,255,255,.25);border-radius:4px;background:rgba(13,35,38,.8);color:#fff;font-weight:900}
.item-container-heading{display:grid!important;grid-template-columns:48px 66px minmax(0,1fr) auto;justify-content:stretch!important;padding-bottom:7px}.item-container-heading>[data-container-back]{width:48px;font-size:1.5rem}.item-container-heading small{color:#a5dbe0;font-size:.58rem;letter-spacing:.14em}.item-container-heading h2{font-size:clamp(1.1rem,3vw,1.65rem)}.item-container-heading p{margin:2px 0 0;color:#e7f0f0;font-size:.72rem}.item-container-equipped-icon{display:grid;place-items:center;width:58px;height:58px;background:rgba(0,0,0,.38)}.item-container-equipped-icon .inventory-item-icon{width:48px!important;height:48px!important}.item-container-unequip{min-width:128px;background:#dc4936!important}
.item-container-pagination{max-width:280px;width:100%;justify-self:center}.item-container-grid{gap:10px}.item-container-grid .item-container-slot{border-color:rgba(255,255,255,.17);background:rgba(7,18,22,.72)}.item-container-grid .item-container-slot[aria-pressed="true"]{border-color:#f7dc63;box-shadow:0 0 0 2px rgba(247,220,99,.24)}.item-container-grid .item-container-slot :is(svg,img,.item-icon,.item-sprite,.inventory-item-icon){width:min(58px,64%)!important;height:min(58px,70%)!important}
.item-container-transfer{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(180px,.85fr) minmax(320px,1.5fr) minmax(210px,1fr);align-items:center;gap:10px;padding:8px;background:rgba(0,0,0,.23)}.item-container-transfer[hidden]{display:none!important}.item-container-ammo-types{display:flex;gap:5px;overflow-x:auto}.item-container-ammo-type{min-width:86px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px}.item-container-ammo-type[aria-pressed="true"]{border-color:#f7dc63}.item-container-ammo-type .inventory-item-icon{width:30px!important;height:30px!important}.item-container-ammo-type span{overflow:hidden;text-overflow:ellipsis;font-size:.64rem}
.item-container-counts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.item-container-counts article{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px}.item-container-counts article>span{grid-row:1/3}.item-container-counts .inventory-item-icon{width:32px!important;height:32px!important}.item-container-counts small{color:#a9c6c9;font-size:.53rem}.item-container-counts strong{font-size:1rem}.item-container-stepper{display:grid;grid-template-columns:repeat(3,1fr) minmax(72px,1.25fr) repeat(3,1fr);gap:4px}.item-container-stepper button{padding-inline:4px;font-size:.68rem}.item-container-stepper input{height:38px;text-align:center;font-weight:900}.item-container-transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.item-container-transfer-actions [data-transfer-action="deposit"]{background:#05ad43}.item-container-transfer-actions [data-transfer-action="withdraw"]{background:#d2aa08}
.item-container-window footer{grid-template-columns:minmax(0,1fr) 86px auto auto auto;border-top-color:rgba(255,255,255,.13)}.item-container-window footer [data-container-equip]{background:#05ad43}.item-container-window footer [data-container-action="backpack"]{background:#1682b8}.item-container-window footer .item-container-drop{background:#dc4936}.item-container-window:has(.item-container-transfer:not([hidden])) .item-container-grid{max-height:94px;grid-template-rows:1fr}.item-container-window:has(.item-container-transfer:not([hidden])) .item-container-pagination{display:none}.item-container-window:has(.item-container-transfer:not([hidden])) footer{display:none}
@media (max-width:760px),(max-height:480px){.inventory-inspect-card{width:min(720px,96vw);max-height:96dvh;grid-template-columns:74px minmax(0,1fr);gap:7px 12px;padding:10px 14px}.inventory-inspect-icon{width:70px;height:70px}.inventory-inspect-icon .inventory-item-icon{width:54px;height:54px}.inventory-inspect-scroll{padding:8px}.inventory-inspect-scroll p{margin-bottom:6px}.inventory-inspect-actions{flex-wrap:wrap}.inventory-inspect-actions button{min-width:150px;min-height:46px;padding:7px 10px}.item-container-window{padding:7px;gap:5px}.item-container-heading{grid-template-columns:40px 48px minmax(0,1fr) auto;gap:5px!important}.item-container-heading>[data-container-back]{width:40px;min-height:40px}.item-container-equipped-icon{width:44px;height:44px}.item-container-equipped-icon .inventory-item-icon{width:38px!important;height:38px!important}.item-container-unequip{min-width:96px;min-height:40px;font-size:.72rem!important}.item-container-grid{gap:5px}.item-container-transfer{grid-template-columns:.8fr 1fr 1.9fr 1fr;gap:5px;padding:5px}.item-container-stepper{gap:2px}.item-container-stepper button{min-height:34px!important;font-size:.58rem!important}.item-container-transfer-actions button{min-width:0;min-height:38px!important;padding-inline:3px;font-size:.66rem!important}.item-container-window footer{grid-template-columns:minmax(0,1fr) 74px auto auto auto;gap:5px}}
@media (max-width:560px) and (orientation:portrait){.inventory-inspect-actions{flex-wrap:wrap}.inventory-inspect-actions button{min-width:42%}.item-container-transfer{grid-template-columns:1fr 1fr}.item-container-stepper,.item-container-transfer-actions{grid-column:1/-1}.item-container-window footer{grid-template-columns:minmax(0,1fr) 74px}}

/* V36.69.93 — composição responsiva, loja e amigos em tela segura */
.desktop-control-only{display:none!important}
.game-frame.menu-open :is(.resource-panel,.action-hotbar,.arrow-ammo-hud,.assassin-combo-hud,.fishing-hud,.touch-dpad,.chat-button,.chat-dock,.social-quick-button,.session-button,.ranking-button,.world-map-button,.pvp-mode-button,.pvp-status-chip,.party-hud,.gm-debug-button,.gm-tools,.world-builder-button,.fullscreen-button){visibility:hidden!important;pointer-events:none!important}
.menu-overlay.menu-subdialog-open>.menu-back-button{visibility:hidden!important;pointer-events:none!important}
.menu-overlay.menu-subdialog-open .game-menu-window>:not(.inventory-inspect-modal):not(.inventory-drop-stack-modal):not(.bank-transfer-modal){visibility:hidden!important;pointer-events:none!important}
.standard-menu-open>.game-menu-window{height:min(100%,var(--menu-viewport-height,100dvh))!important;max-height:100%!important}
.standard-menu-open .status-page-heading>.status-page-arrow{position:absolute!important;right:clamp(6px,1.8vw,24px)!important;bottom:clamp(5px,1vh,12px)!important;z-index:8!important}
.status-page,.status-dashboard,.status-card,.status-group{min-width:0!important;min-height:0!important}

.desktop-control-picker{width:min(920px,94%);margin:clamp(14px,4vh,42px) auto 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,24px)}
.desktop-control-picker>button{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:14px 18px;border:2px solid rgba(255,255,255,.48);border-radius:6px;background:rgba(0,0,0,.28);color:#fff;text-align:left;cursor:pointer}
.desktop-control-picker>button[aria-pressed="true"]{border-color:#edff18;box-shadow:0 0 0 2px rgba(237,255,24,.22);background:rgba(52,67,11,.48)}
.desktop-control-picker>button>:first-child{font-size:1.5rem;text-align:center}.desktop-control-picker strong{display:block;font-size:1rem}.desktop-control-picker small{display:block;margin-top:4px;color:rgba(255,255,255,.68);font-size:.68rem}
@media (pointer:fine) and (hover:hover){.config-modern-view[data-config-panel="controls"] .mobile-control-only{display:none!important}.config-modern-view[data-config-panel="controls"] .desktop-control-only{display:grid!important}}

.standard-menu-open.friends-menu-open>.game-menu-window{grid-template-rows:minmax(0,1fr)!important;padding-top:clamp(6px,1vh,12px)!important}
.friends-menu-open .legacy-menu-tabs{display:none!important}
.friends-menu-open .friends-page:not([hidden]){grid-row:1!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:100%!important;overflow:hidden!important;padding:0 clamp(20px,6vw,92px) clamp(8px,1.5vh,18px)!important}
.friends-menu-open .friends-page-heading{justify-content:center!important;border:0!important;padding:0 0 clamp(5px,1vh,10px)!important;text-align:center}.friends-menu-open .friends-page-heading>div{display:none!important}.friends-menu-open .friends-page-heading h2{font-size:clamp(1.6rem,5vh,3rem)!important}.friends-menu-open .friends-page-heading button{position:absolute;right:0;top:0}
.friends-menu-open .friends-page-help{display:none!important}.friends-menu-open .friends-section{min-height:0;margin:0!important}.friends-menu-open .friends-section--requests:has(.social-list-empty){display:none!important}
.friends-menu-open .friends-section-heading{justify-content:center!important}.friends-menu-open .friends-section-heading h3{font-size:clamp(.75rem,2vh,1rem)!important}.friends-menu-open .friends-section-heading span{position:absolute;left:clamp(20px,6vw,92px);bottom:clamp(15px,2vh,24px)}
.friends-menu-open .friends-name-grid{height:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:clamp(3px,.7vh,8px)!important;overflow:hidden!important}
.friends-menu-open .friends-name-grid :is(.social-list-row,.friend-slot-empty){min-height:0!important;height:100%;border:2px solid rgba(255,255,255,.74)!important;border-radius:2px!important;background:rgba(0,0,0,.2)!important}
.friends-menu-open .friend-slot-empty{display:grid;place-items:center;color:rgba(255,255,255,.13);font-weight:900}
.friends-menu-open .friends-name-grid .social-list-person{display:grid;place-items:center;padding:3px 8px!important;text-align:center}.friends-menu-open .friends-name-grid .social-list-person strong{font-size:clamp(.58rem,1.7vh,.88rem)!important}.friends-menu-open .friends-name-grid .social-list-person small{font-size:clamp(.44rem,1.25vh,.62rem)!important}
.friends-capacity-footer{display:grid;grid-template-columns:1fr minmax(210px,38%);align-items:center;gap:14px;padding-top:clamp(5px,1vh,10px)}.friends-capacity-footer strong{font-size:clamp(.68rem,1.8vh,.9rem)}.friends-capacity-footer button{min-height:clamp(34px,6vh,52px);border:2px solid rgba(255,255,255,.46);border-radius:3px;background:#078b3c;color:#fff;font-weight:950}.friends-capacity-footer button:disabled{opacity:.72;cursor:not-allowed}
.friends-menu-open .friends-add-panel{margin-top:4px!important;padding:4px 8px!important;background:rgba(0,0,0,.22)!important}.friends-menu-open .friends-add-panel[open]{position:absolute;z-index:9;left:15%;right:15%;bottom:10%;padding:12px!important;background:rgba(4,18,20,.98)!important}

.store-page[data-store-mode="diamonds"]{grid-template-rows:minmax(0,1fr)!important;align-items:start!important}
.store-page[data-store-mode="diamonds"]>.store-header{display:none!important}
.store-page[data-store-mode="diamonds"]>.store-tabs{display:none!important}
.store-page[data-store-mode="diamonds"]>.store-content{width:100%!important;height:100%!important;overflow:hidden!important}
.store-page[data-store-mode="diamonds"] .store-diamonds-view{place-content:start center!important;padding:clamp(8px,1.6vh,18px) 0!important;border:0!important;background:transparent!important}
.store-page[data-store-mode="diamonds"] .store-section-heading,.store-page[data-store-mode="diamonds"] .store-disclaimer{display:none!important}
.store-page[data-store-mode="diamonds"] .diamond-package-grid{width:min(100%,1200px)!important;height:auto!important;align-self:start!important;grid-template-rows:repeat(3,clamp(92px,14vh,132px))!important;gap:clamp(7px,1.4vh,14px)!important;margin-inline:auto!important}
.store-page[data-store-mode="skins"] .store-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.store-page[data-store-mode="skins"] [data-store-tab="diamonds"]{display:none!important}
.store-diamonds-view:not([hidden]){height:100%;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;min-height:0;overflow:hidden!important}.diamond-package-grid{height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:clamp(5px,1vh,10px)!important}.diamond-package{min-height:0!important;grid-template-columns:clamp(48px,7vw,86px) minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;justify-items:start;gap:1px 10px;padding:clamp(5px,1vh,10px) clamp(8px,1.5vw,16px)!important;border:2px solid rgba(255,255,255,.45)!important;border-radius:3px!important;background:linear-gradient(90deg,#159dd7,#29b8e8)!important;text-align:left!important}.diamond-package .diamond-sprite{grid-row:1/-1;height:clamp(42px,8vh,74px)!important;transform:scale(.72);transform-origin:center}.diamond-package>:is(small,h3,p,strong,button){min-width:0}.diamond-package h3{font-size:clamp(.72rem,2vh,1.08rem)!important}.diamond-package p,.diamond-package>small{font-size:clamp(.48rem,1.35vh,.68rem)!important}.diamond-package>strong{grid-column:3;grid-row:1;font-size:clamp(.72rem,2vh,1.12rem)!important}.diamond-package button{grid-column:3;grid-row:2;width:auto!important;min-width:clamp(86px,12vw,150px);min-height:32px!important;margin:0!important;background:#087ab2!important}.diamond-package-badge{display:none!important}.store-disclaimer{font-size:clamp(.46rem,1.2vh,.62rem)!important}

@media (max-height:560px){.standard-menu-open>.game-menu-window{grid-template-rows:clamp(66px,17vh,82px) minmax(0,1fr)!important}.standard-menu-open .legacy-menu-tabs{height:clamp(60px,15vh,76px)!important}.standard-menu-open .status-page:not([hidden]){column-gap:clamp(10px,2vw,25px)!important;padding-bottom:42px!important}.status-card{padding:3px 6px!important}.status-card h3{margin-bottom:1px!important}.status-group{gap:0 7px!important}.status-group>div{font-size:clamp(.48rem,1.55vh,.66rem)!important;line-height:1.12}.standard-menu-open .status-page-heading>.status-page-arrow{width:42px!important;height:34px!important;min-width:42px!important;min-height:34px!important}.store-header{padding-block:3px!important}.store-tabs button{min-height:30px!important}.diamond-package{grid-template-columns:42px minmax(0,1fr) auto!important;padding:3px 7px!important}.diamond-package .diamond-sprite{height:38px!important}.friends-menu-open .friends-page-heading h2{font-size:1.35rem!important}.friends-capacity-footer{padding-top:3px}.friends-capacity-footer button{min-height:31px}}
@media (max-width:720px) and (orientation:portrait){.diamond-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(72px,1fr))!important}.diamond-package{grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}.diamond-package .diamond-sprite{grid-row:1/3!important}.diamond-package>strong{grid-column:2!important;grid-row:2!important}.diamond-package button{grid-column:1/-1!important;grid-row:3!important;width:100%!important}.friends-menu-open .friends-page:not([hidden]){padding-inline:6px!important}.friends-menu-open .friends-name-grid{gap:3px!important}.friends-capacity-footer{grid-template-columns:1fr auto}.desktop-control-picker{grid-template-columns:1fr}}

/* V36.69.99 — Shop compacto: seis pacotes em duas colunas e três linhas. */
.store-page[data-store-mode="diamonds"] .store-diamonds-view:not([hidden]) {
  display: block !important;
  height: 100% !important;
  padding: clamp(8px, 2vh, 22px) clamp(4px, 1vw, 12px) !important;
  overflow: hidden !important;
}

.store-page[data-store-mode="diamonds"] .diamond-package-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, clamp(58px, 12vh, 104px)) !important;
  gap: clamp(10px, 2vh, 22px) clamp(14px, 2.1vw, 30px) !important;
  align-content: start !important;
  width: min(100%, 1180px) !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}

.store-page[data-store-mode="diamonds"] .diamond-package {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-page[data-store-mode="diamonds"] .diamond-package-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  grid-template-areas: "title price" "bonus price" !important;
  align-items: center !important;
  column-gap: clamp(10px, 2vw, 28px) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(8px, 1.7vh, 16px) clamp(11px, 1.7vw, 22px) !important;
  border: 2px solid rgba(222, 249, 255, .78) !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #2eb9e8 0%, #159fd8 56%, #1188c2 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 4px 10px rgba(0, 28, 48, .24) !important;
  text-align: left !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.store-page[data-store-mode="diamonds"] .diamond-package-action:hover,
.store-page[data-store-mode="diamonds"] .diamond-package-action:focus-visible {
  border-color: #fff !important;
  background: linear-gradient(180deg, #42c8f2 0%, #1cade4 56%, #128dc9 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 0 0 3px rgba(105, 225, 255, .24), 0 5px 14px rgba(0, 25, 45, .3) !important;
  outline: 0 !important;
}

.store-page[data-store-mode="diamonds"] .diamond-package-action:active {
  transform: translateY(1px);
}

.store-page[data-store-mode="diamonds"] .diamond-package-title {
  grid-area: title;
  align-self: start;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: clamp(.72rem, 2.15vh, 1.18rem);
  font-weight: 1000;
  line-height: 1.05;
  text-overflow: ellipsis;
  text-shadow: 0 2px 0 rgba(0, 43, 72, .72);
  white-space: nowrap;
}

.store-page[data-store-mode="diamonds"] .diamond-package-bonus {
  grid-area: bonus;
  align-self: end;
  min-width: 0;
  overflow: hidden;
  color: #d9ffbd;
  font-size: clamp(.54rem, 1.55vh, .82rem);
  font-weight: 900;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(0, 60, 73, .7);
  white-space: nowrap;
}

.store-page[data-store-mode="diamonds"] .diamond-package-price {
  grid-area: price;
  justify-self: end;
  color: #fff4a9;
  font-size: clamp(.76rem, 2.3vh, 1.28rem);
  font-weight: 1000;
  line-height: 1;
  text-align: right;
  text-shadow: 0 2px 0 rgba(68, 55, 0, .58);
  white-space: nowrap;
}

@media (max-width: 520px) and (orientation: portrait) {
  .standard-menu-open > .game-menu-window > .store-page[data-store-mode="diamonds"]:not([hidden]) {
    justify-self: start !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }
  .store-page[data-store-mode="diamonds"] .diamond-package-grid {
    gap: 9px 10px !important;
  }
  .store-page[data-store-mode="diamonds"] .diamond-package-action {
    grid-template-areas: "title title" "bonus price" !important;
    column-gap: 6px !important;
    padding-inline: 6px !important;
  }
  .store-page[data-store-mode="diamonds"] .diamond-package-title {
    font-size: clamp(.6rem, 3vw, .76rem);
  }
  .store-page[data-store-mode="diamonds"] .diamond-package-bonus {
    font-size: clamp(.48rem, 2.4vw, .62rem);
  }
  .store-page[data-store-mode="diamonds"] .diamond-package-price {
    font-size: clamp(.56rem, 2.7vw, .72rem);
  }
}

/* V36.69.105 — Banqueiro diretamente sobre o mapa, como Config/Inventário. */
.menu-overlay.bank-menu-open {
  place-items: stretch !important;
  padding: max(7px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  background: rgba(1, 7, 7, .58) !important;
  backdrop-filter: brightness(.68) blur(1.5px) !important;
}
.game-frame.bank-open > :not(canvas):not(.environment-vignette):not(#gameMenu):not(#toast):not(#mapTransitionOverlay) {
  visibility: hidden !important;
  pointer-events: none !important;
}
.bank-menu-open > .game-menu-window {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: stretch !important;
  width: 100% !important;
  height: min(100%, var(--menu-viewport-height, 100dvh)) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  padding: 0 clamp(20px, 5vw, 86px) clamp(5px, 1vh, 12px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.bank-menu-open .legacy-menu-tabs { display: none !important; }
.bank-menu-open .menu-back-button {
  z-index: 12 !important;
  top: max(6px, env(safe-area-inset-top)) !important;
  right: max(9px, env(safe-area-inset-right)) !important;
  left: auto !important;
  width: clamp(40px, 4.5vw, 62px) !important;
  height: clamp(40px, 4.5vw, 62px) !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bank-menu-open .game-menu-window > .bank-page:not([hidden]) {
  grid-row: 1 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.bank-menu-open .bank-page-heading { align-self: end; }
.bank-menu-open .bank-page-heading small { display: none !important; }
.bank-menu-open .bank-page-heading h2 { margin: 0 !important; }
.bank-menu-open .bank-view--gold { place-items: center !important; }
.bank-menu-open .bank-gold-panel {
  width: min(100%, 1020px) !important;
  display: grid !important;
  grid-template-columns: minmax(190px, .52fr) minmax(420px, 1.48fr) !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(10px, 2vw, 24px) !important;
  margin: 0 !important;
  padding: clamp(5px, 1.2vmin, 12px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bank-gold-balances {
  display: grid;
  gap: clamp(9px, 2vh, 18px);
}
.bank-gold-balances article {
  display: grid;
  grid-template-columns: clamp(46px, 6vw, 72px) minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  column-gap: 10px;
  min-width: 0;
  text-align: left;
}
.bank-gold-balances article > .bank-balance-icon { grid-row: 1 / 3; }
.bank-gold-balances strong { color: #fff; font-size: clamp(1.3rem, 4.4vmin, 2.7rem); line-height: 1; text-shadow: 2px 3px #141414; }
.bank-gold-balances small { color: #ffe454; font: 900 clamp(.48rem, 1.2vmin, .65rem) system-ui; letter-spacing: .12em; }
.bank-balance-icon { position: relative; display: block; width: clamp(42px, 5.4vw, 66px); height: clamp(42px, 5.4vw, 66px); filter: drop-shadow(2px 3px 1px rgba(0,0,0,.65)); }
.bank-balance-icon--chest::before { content:""; position:absolute; left:5%; right:5%; top:26%; bottom:8%; border:3px solid #6d4a00; border-radius:3px; background:linear-gradient(#f5cb10 0 27%,#9d7100 29% 38%,#d9a500 40%); box-shadow:inset 0 -8px rgba(92,55,0,.22); }
.bank-balance-icon--chest::after { content:""; position:absolute; left:43%; top:43%; width:16%; height:25%; border:2px solid #715000; border-radius:2px; background:#ffeb54; }
.bank-balance-icon--backpack::before { content:""; position:absolute; left:14%; right:14%; top:17%; bottom:5%; border:3px solid #074e74; border-radius:13px 13px 7px 7px; background:linear-gradient(90deg,#159dd6,#38c3f3 52%,#087daf); box-shadow:inset 0 -10px rgba(0,50,91,.24); }
.bank-balance-icon--backpack::after { content:""; position:absolute; left:25%; right:25%; top:2%; height:30%; border:5px solid #0b7098; border-bottom:0; border-radius:14px 14px 0 0; box-shadow:0 30px 0 -2px #075d89; }
.bank-gold-digits {
  display: grid;
  grid-template-columns: repeat(9, minmax(30px, 1fr));
  align-items: center;
  gap: clamp(3px, .55vw, 7px);
  width: 100%;
}
.bank-gold-digit { display: grid; grid-template-rows: auto auto auto; gap: clamp(2px, .5vh, 5px); min-width: 0; }
.bank-gold-digit:nth-child(4), .bank-gold-digit:nth-child(7) { margin-left: clamp(5px, 1vw, 14px); }
.bank-gold-digit button,
.bank-gold-digit output {
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  height: clamp(30px, 6.5vmin, 54px);
  padding: 0 !important;
  border: 3px solid #fff !important;
  border-radius: 3px !important;
  background: rgba(4, 13, 13, .42) !important;
  color: #fff !important;
  font: 1000 clamp(1.15rem, 4.2vmin, 2.4rem)/1 system-ui !important;
  text-shadow: 2px 3px #202020;
  box-shadow: 0 2px 0 rgba(0,0,0,.6) !important;
}
.bank-gold-digit output { border-color: transparent !important; background: transparent !important; font-size: clamp(1.35rem, 5.2vmin, 3rem) !important; }
.bank-gold-digit button:hover,
.bank-gold-digit button:focus-visible { border-color: #eaff20 !important; background: rgba(75, 83, 16, .48) !important; }
.bank-menu-open .bank-action-bar--gold {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: min(100%, 760px) !important;
  justify-self: center !important;
  padding: 0 !important;
}
.bank-menu-open .bank-action-bar--gold .bank-action { width: 100% !important; min-height: clamp(42px, 8vmin, 66px) !important; font-size: clamp(1rem, 3.5vmin, 1.8rem) !important; }
.bank-menu-open #bankDepositGoldButton,
.bank-menu-open #bankWithdrawGoldButton { grid-column: auto !important; }

@media (max-width: 820px), (max-height: 560px) {
  .bank-menu-open > .game-menu-window { padding-inline: clamp(8px, 5vw, 46px) !important; }
  .bank-menu-open .bank-page-heading h2 { font-size: clamp(.9rem, 4.2vmin, 1.35rem) !important; }
  .bank-menu-open .bank-gold-panel { grid-template-columns: minmax(135px, .5fr) minmax(330px, 1.5fr) !important; gap: 5px 12px !important; }
  .bank-gold-balances { gap: 4px; }
  .bank-gold-balances article { grid-template-columns: 38px minmax(0,1fr); column-gap: 6px; }
  .bank-balance-icon { width: 36px; height: 36px; }
  .bank-gold-balances strong { font-size: clamp(.9rem, 4.6vmin, 1.45rem); }
  .bank-gold-balances small { font-size: .42rem; }
  .bank-gold-digit button, .bank-gold-digit output { height: clamp(25px, 7.5vh, 34px); border-width: 2px !important; font-size: clamp(.9rem, 4.2vmin, 1.4rem) !important; }
  .bank-gold-digit output { font-size: clamp(1rem, 5vmin, 1.65rem) !important; }
  .bank-menu-open .bank-action-bar--gold .bank-action { min-height: clamp(34px, 9vh, 44px) !important; }
}
@media (max-width: 620px) and (orientation: portrait) {
  .bank-menu-open .bank-gold-panel { grid-template-columns: 1fr !important; grid-template-rows: auto auto auto !important; }
  .bank-gold-balances { grid-template-columns: 1fr 1fr; }
  .bank-gold-digits { grid-template-columns: repeat(9, minmax(22px, 1fr)); }
  .bank-gold-digit:nth-child(4), .bank-gold-digit:nth-child(7) { margin-left: 2px; }
  .bank-menu-open .bank-action-bar--gold { grid-column: 1 !important; }
}

/* V36.69.106 — inspeção e transferência parcial padronizadas no banco. */
.bank-menu-open #bankPage .bank-grid-shell {
  width: min(100%, 1040px) !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
}
.bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid) {
  width: min(100%, 930px) !important;
  height: auto !important;
  max-height: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(10,minmax(0,1fr)) !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-content: center !important;
  gap: clamp(3px,.65vmin,7px) !important;
  overflow: hidden !important;
}
.bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid)>.bank-slot {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 !important;
  padding: 2px !important;
  border: 2px solid rgba(255,255,255,.2) !important;
  border-radius: 3px !important;
  background: rgba(3,13,14,.68) !important;
  box-shadow: inset 0 0 10px rgba(0,0,0,.35) !important;
  overflow: hidden !important;
}
.bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid)>.bank-slot[hidden] { display: none !important; }
.bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid)>.bank-slot.occupied {
  border-color: rgba(255,255,255,.42) !important;
  background: rgba(7,27,25,.82) !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
.bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid)>.bank-slot.occupied:is(:hover,:focus-visible) {
  border-color: #eaff20 !important;
  box-shadow: 0 0 0 2px rgba(234,255,32,.2),inset 0 0 12px rgba(0,0,0,.3) !important;
}
.bank-menu-open #bankPage .bank-slot .inventory-item-icon {
  width: min(72%,58px) !important;
  height: min(72%,58px) !important;
  max-width: 88% !important;
  max-height: 88% !important;
}
.bank-menu-open #bankPage .bank-material-slot>strong {
  position: absolute !important;
  right: 3px !important;
  top: 2px !important;
  bottom: auto !important;
  color: #fff !important;
  font-size: clamp(.48rem,1.25vmin,.72rem) !important;
  text-shadow: 1px 2px #000 !important;
}
.bank-menu-open #bankPage .bank-material-slot>small {
  position: absolute !important;
  inset: auto 2px 2px !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 2px !important;
  color: #79d5ff !important;
  font-size: clamp(.34rem,.85vmin,.52rem) !important;
  font-weight: 1000 !important;
  text-shadow: 1px 1px #000 !important;
}
.bank-menu-open #bankPage .bank-material-slot>small span:last-child { color: #ffe25b !important; }
.inventory-inspect-actions .bank-inspect-deposit { background: #05bd46 !important; }
.inventory-inspect-actions .bank-inspect-withdraw { background: #d8b900 !important; }

.bank-transfer-modal {
  z-index: 1750 !important;
  background: rgba(2,12,13,.78) !important;
  backdrop-filter: brightness(.72) blur(1.8px) !important;
}
.bank-transfer-card {
  width: min(540px,94vw) !important;
  max-height: min(620px,94dvh) !important;
  padding: clamp(13px,2.5vw,24px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.bank-transfer-input-label {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(110px,38%);
  align-items: center;
  gap: 10px;
  color: #d7e5e8;
  font-size: .72rem;
  font-weight: 900;
}
.bank-transfer-input-label input {
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 2px solid rgba(255,255,255,.5);
  border-radius: 4px;
  background: rgba(0,0,0,.46);
  color: #fff;
  font: 1000 1rem/1 system-ui;
  text-align: center;
}
.bank-transfer-card .inventory-drop-stack-confirm { background: #08a942 !important; border-color: rgba(255,255,255,.65) !important; color: #fff !important; }
@media (max-width:820px),(max-height:560px) {
  .bank-menu-open #bankPage :is(#bankGrid,#bankInventoryGrid,#bankMaterialGrid) { width: min(100%,calc((100dvh - 174px) * 2.5)) !important; gap: 3px !important; }
  .bank-menu-open #bankPage .bank-grid-shell { grid-template-columns: 28px minmax(0,1fr) 28px !important; gap: 4px !important; }
  .bank-menu-open #bankPage .bank-page-arrow { min-width: 28px !important; min-height: 50px !important; padding: 0 !important; }
  .bank-transfer-card { width: min(620px,96vw) !important; padding: 8px 14px !important; gap: 6px !important; }
  .bank-transfer-card .inventory-drop-stack-item { min-height: 46px !important; }
  .bank-transfer-input-label input { height: 36px !important; }
  .bank-transfer-card footer button { min-height: 38px !important; }
}

/* V36.69.109 — Amigos: 12 por página, cabeçalhos fixos e diálogos dedicados. */
.menu-overlay.standard-menu-open.friends-menu-open {
  background: rgba(2,9,8,.67) !important;
  backdrop-filter: brightness(.72) blur(1.2px) !important;
}
.standard-menu-open.friends-menu-open > .game-menu-window {
  width: 100% !important;
  height: min(100%,var(--menu-viewport-height,100dvh)) !important;
  padding: max(6px,env(safe-area-inset-top)) clamp(8px,2.2vw,34px) max(7px,env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.friends-menu-open .friends-page:not([hidden]) {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
  gap: clamp(5px,1vh,10px) !important;
  width: min(100%,1440px) !important;
  max-width: 1440px !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 clamp(40px,5vw,82px) !important;
  overflow: hidden !important;
}
#gameMenu.standard-menu-open.friends-menu-open > .game-menu-window > .friends-page:not([hidden]) {
  grid-row: 1 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto !important;
}
.friends-menu-open .friends-page-heading {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(43px,8vh,76px) !important;
  padding: 0 clamp(48px,7vw,84px) !important;
  border: 0 !important;
  text-align: center !important;
}
.friends-menu-open .friends-page-heading > div { display: block !important; }
.friends-menu-open .friends-page-heading small { display: none !important; }
.friends-menu-open .friends-page-heading h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.45rem,5.2vh,3.45rem) !important;
  line-height: 1 !important;
}
.friends-menu-open .friends-page-heading #socialRefreshButton {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  width: clamp(36px,5vh,48px) !important;
  height: clamp(36px,5vh,48px) !important;
  min-height: 36px !important;
  border: 2px solid rgba(255,255,255,.56) !important;
  border-radius: 4px !important;
  background: rgba(0,0,0,.24) !important;
  transform: translateY(-50%) !important;
}
.friends-menu-open .friends-page-content {
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.friends-menu-open .friends-section { min-width: 0 !important; min-height: 0 !important; margin: 0 !important; }
.friends-menu-open .friends-section--requests {
  max-height: clamp(58px,13vh,112px) !important;
  margin-bottom: 5px !important;
  overflow: auto !important;
}
.friends-menu-open .friends-section--requests:has(.social-list-empty) { display: none !important; }
.friends-menu-open .friends-section--requests h3 {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  margin: 0 0 3px !important;
  padding: 2px 0 !important;
  background: rgba(3,13,13,.92) !important;
  font-size: clamp(.58rem,1.5vh,.78rem) !important;
}
.friends-menu-open .friends-request-list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; max-height: none !important; }
.friends-menu-open .friends-section--list {
  display: grid !important;
  grid-template-rows: auto auto minmax(0,1fr) !important;
  gap: clamp(3px,.65vh,7px) !important;
  height: 100% !important;
  overflow: hidden !important;
}
.friends-menu-open .friends-section-heading {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  min-height: clamp(20px,3.4vh,30px) !important;
}
.friends-menu-open .friends-section-heading h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(.68rem,1.7vh,.95rem) !important;
}
.friends-menu-open .friends-section-heading span {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  color: #71ec9b !important;
  font-size: clamp(.52rem,1.35vh,.72rem) !important;
}
.friends-empty-state {
  align-self: start;
  margin: clamp(18px,7vh,68px) 0 0;
  color: rgba(255,255,255,.72);
  font-size: clamp(.72rem,1.6vw,1rem);
  font-weight: 800;
  text-align: center;
}
.friends-empty-state[hidden] { display: none !important; }
.friends-menu-open .friends-name-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  grid-template-rows: repeat(4,minmax(0,1fr)) !important;
  gap: clamp(5px,1.2vh,13px) clamp(7px,1.4vw,18px) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.friends-menu-open .friends-name-grid:empty { display: none !important; }
.friends-menu-open .friends-name-grid > [data-safe-page-hidden] { display: none !important; }
.friends-menu-open .friends-name-grid .social-list-row.friend-card {
  display: grid !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  border: 2px solid rgba(255,255,255,.8) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.2) !important;
  box-shadow: inset 0 0 16px rgba(0,0,0,.14) !important;
  overflow: hidden !important;
}
.friends-menu-open .friends-name-grid > .friend-card[data-safe-page-hidden] { display: none !important; }
.friends-menu-open .friends-name-grid .friend-card:is(:hover,:focus-within) {
  border-color: #fff !important;
  background: rgba(255,255,255,.09) !important;
}
.friends-menu-open .friends-name-grid .social-list-person {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 4px 9px !important;
  text-align: center !important;
}
.friends-menu-open .friends-name-grid .social-list-person > span { display: block !important; max-width: 100% !important; }
.friends-menu-open .friends-name-grid .social-list-person strong {
  display: block !important;
  max-width: 100% !important;
  color: #fff !important;
  font-size: clamp(.64rem,2.2vh,1.12rem) !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.95) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.friends-menu-open .friends-name-grid .friend-card--online .social-list-person strong { color: #5cff88 !important; }
.friends-menu-open .friends-name-grid .social-list-person small,
.friends-menu-open .friends-name-grid .social-presence { display: none !important; }
.friends-menu-open .safe-list-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  margin: 0 !important;
}
.friends-menu-open .safe-list-pagination[hidden] { display: none !important; }
.friends-menu-open .safe-list-pagination button {
  width: 38px !important;
  min-width: 38px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.32) !important;
  color: #fff !important;
  font-size: 1.1rem !important;
}
.friends-menu-open .safe-list-pagination span { color: #fff !important; font-size: .66rem !important; font-weight: 900 !important; }
.friends-menu-open .friends-capacity-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: clamp(42px,7vh,62px) !important;
  padding: 0 !important;
}
.friends-add-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(9px,1.4vw,18px) !important;
  width: auto !important;
  min-height: 40px !important;
  padding: 3px 6px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: clamp(.7rem,2vh,1rem) !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}
.friends-add-toggle b { font-size: clamp(1.55rem,4.6vh,2.6rem) !important; font-weight: 500 !important; line-height: 1 !important; }
.friends-list-summary { display: grid !important; justify-items: end !important; color: #fff !important; }
.friends-list-summary strong { font-size: clamp(.6rem,1.5vh,.8rem) !important; }
.friends-list-summary small { color: rgba(255,255,255,.62) !important; font-size: clamp(.48rem,1.2vh,.64rem) !important; }
.friends-overlay-panel {
  position: absolute !important;
  z-index: 20 !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(8px,3vw,32px) !important;
  background: rgba(1,7,7,.74) !important;
  backdrop-filter: brightness(.68) blur(1.5px) !important;
}
.friends-overlay-panel[hidden] { display: none !important; }
.friends-dialog-card {
  position: relative !important;
  display: grid !important;
  gap: clamp(10px,2vh,20px) !important;
  width: min(620px,92%) !important;
  max-height: 92% !important;
  padding: clamp(22px,4vw,44px) !important;
  border: 2px solid rgba(255,255,255,.76) !important;
  border-radius: 4px !important;
  background: rgba(4,16,16,.94) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.48) !important;
}
.friends-dialog-card h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1rem,3.7vh,2rem) !important;
  text-align: center !important;
}
.friends-dialog-close {
  position: absolute !important;
  top: 6px !important;
  right: 7px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
}
.friends-add-form { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; gap: clamp(8px,1.8vw,18px) !important; }
.friends-add-form input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: clamp(42px,7vh,58px) !important;
  padding: 7px 12px !important;
  border: 2px solid rgba(255,255,255,.78) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.friends-add-form button,
.friends-detail-actions button {
  min-height: clamp(42px,7vh,58px) !important;
  padding: 7px clamp(16px,3vw,30px) !important;
  border: 2px solid rgba(255,255,255,.8) !important;
  border-radius: 3px !important;
  background: rgba(23,78,63,.92) !important;
  color: #fff !important;
  font-size: clamp(.68rem,1.8vh,.95rem) !important;
  font-weight: 1000 !important;
}
.friends-outgoing-list { max-height: min(180px,26vh) !important; overflow: auto !important; }
.friends-detail-dialog { width: min(520px,90%) !important; }
.friends-detail-dialog #friendDetailName.is-online { color: #5cff88 !important; }
.friends-detail-dialog #friendDetailName.is-offline { color: #fff !important; }
.friends-detail-dialog #friendDetailStatus { margin: -8px 0 0 !important; color: rgba(255,255,255,.68) !important; text-align: center !important; }
.friends-detail-actions { display: grid !important; grid-template-columns: 1fr !important; gap: clamp(10px,2vh,18px) !important; }
.friends-detail-actions #friendRemoveButton { background: rgba(118,39,43,.92) !important; }

@media (max-width:760px) {
  .friends-menu-open .friends-page:not([hidden]) { padding-inline: 42px !important; }
  .friends-menu-open .friends-name-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .friends-menu-open .friends-request-list { grid-template-columns: 1fr !important; }
}
@media (max-height:560px) {
  .friends-menu-open .friends-page:not([hidden]) { gap: 3px !important; padding-inline: 42px !important; }
  .friends-menu-open .friends-page-heading { min-height: 40px !important; }
  .friends-menu-open .friends-section-heading { min-height: 18px !important; }
  .friends-menu-open .friends-name-grid { gap: 4px 7px !important; }
  .friends-menu-open .friends-capacity-footer { min-height: 36px !important; }
  .friends-list-summary small { display: none !important; }
  .friends-dialog-card { gap: 7px !important; padding: 17px 24px !important; }
}
@media (max-width:520px) and (orientation:portrait) {
  .friends-menu-open .friends-page:not([hidden]) { padding-inline: 4px 44px !important; }
  .friends-menu-open .friends-page-heading { padding-inline: 42px !important; }
  .friends-menu-open .friends-section-heading { justify-content: flex-start !important; }
  .friends-menu-open .friends-section-heading span { position: static !important; margin-left: auto !important; }
  .friends-list-summary { display: none !important; }
  .friends-add-form { grid-template-columns: 1fr !important; }
  .friends-add-form button { width: 100% !important; }
}

/* Dedicated gathering equipment; keep the original four-column layout. */
.equipment-slot--pickaxe {grid-column:1 !important;grid-row:3 !important;}
.equipment-slot--mount {grid-column:1 !important;grid-row:4 !important;}
.equipment-slot--fishing-rod {grid-column:2 !important;grid-row:4 !important;}

.craft-workshop {position:fixed;inset:0;z-index:20000;display:grid;background:rgba(2,9,8,.57);backdrop-filter:brightness(.82) blur(1px);color:white;padding:clamp(12px,3vw,48px);font-family:inherit;overflow:auto;}
.craft-workshop[hidden]{display:none}
.craft-workshop>section{width:100%;margin:0;min-height:0;background:transparent}
.craft-workshop header{display:flex;align-items:center;gap:12px}.craft-workshop h2{flex:1;text-align:center;font-size:clamp(20px,3vw,34px);text-shadow:2px 2px #000}.craft-workshop h3{text-align:center;font-size:24px}
.craft-workshop button{font:inherit;font-weight:bold;color:white;border:2px solid #ffffffc7;border-radius:4px;background:#020a0a40;min-height:52px;padding:12px 20px;text-shadow:1px 2px #000;cursor:pointer}.craft-workshop button:hover,.craft-workshop button:focus-visible{border-color:#efff18;background:#45470557}.craft-workshop button:disabled{opacity:.4;cursor:default}
.craft-summary,.craft-message{text-align:center}.craft-message{color:#f7d780;min-height:1.3em}.craft-list{display:grid;gap:18px;margin:25px auto;max-width:1000px}.craft-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.craft-home button{min-height:100px;font-size:clamp(20px,2.5vw,32px)}.craft-home button:last-child{grid-column:1/-1;width:55%;justify-self:center}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.craft-wide{grid-column:1/-1}.craft-output{width:100px;height:100px;margin:auto}.craft-output svg{width:100%;height:100%}.craft-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.craft-costs>div{display:flex;align-items:center;gap:10px}.craft-costs svg{width:48px;height:48px}.craft-costs .missing{color:#ff9e90}.craft-list>p{text-align:center}.craft-actions{display:flex;gap:24px;justify-content:center}.craft-actions button{min-width:150px}@media(max-width:600px){.craft-home{gap:12px}.craft-home button{min-height:70px;font-size:18px}.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-workshop header{gap:6px}.craft-workshop button{padding:10px}.craft-actions button{min-width:100px}}

/* V4: recipe pages and a dedicated inventory for upgrades. */
.craft-home button:last-child{grid-column:auto;width:auto;justify-self:stretch}
.craft-cards{display:grid;gap:18px;min-width:0}
.craft-cards-six{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(82px,auto))}
.craft-cards-nine{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(90px,auto))}
.craft-cards .craft-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;min-width:0;font-size:clamp(14px,1.4vw,21px)}
.craft-cards-nine .craft-card{flex-direction:column;gap:4px}.craft-card span{overflow-wrap:anywhere}
.craft-card-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center}.craft-card-icon svg{width:100%;height:100%;image-rendering:pixelated}
.craft-cards-nine .craft-card-icon{width:58px;height:58px;flex-basis:58px}.craft-card small{color:#ffe093}
.craft-workshop button.craft-empty{opacity:.24;font-size:14px;border-color:#ffffff60;background:#06111330}
.craft-pagination{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:14px}.craft-pagination button{font-size:30px;min-width:80px}
.craft-recipe-carousel{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:24px;margin:clamp(30px,10vh,100px) 0}
.craft-recipe-carousel .craft-recipe-paper{min-height:150px;font-size:clamp(22px,3vw,38px);padding:20px}.craft-recipe-carousel>button:not(.craft-recipe-paper){font-size:38px}
.craft-gold{display:flex;justify-content:center;align-items:center;gap:12px;min-height:64px;border:1px solid #d7b86490;padding:8px 16px;background:#211b0930}.craft-gold strong{font-size:clamp(16px,1.5vw,22px)}.craft-gold.missing{color:#ff9e90}.craft-gold.ready{color:#ffe4a3}
.craft-costs{padding:12px 0}.craft-costs>div{border:1px solid #ffffff33;padding:8px 12px;background:#00100c30}.craft-output{width:108px;height:108px}.craft-actions button{min-width:180px}
@media(max-width:600px){.craft-cards{gap:9px}.craft-cards-six{grid-template-rows:repeat(3,minmax(76px,auto))}.craft-cards-nine{grid-template-rows:repeat(3,minmax(82px,auto))}.craft-cards .craft-card{padding:6px;font-size:13px;gap:4px}.craft-cards-six .craft-card{flex-direction:column}.craft-cards-nine .craft-card-icon,.craft-card-icon{width:38px;height:38px;flex-basis:38px}.craft-recipe-carousel{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.craft-recipe-carousel .craft-recipe-paper{font-size:20px;min-height:130px;padding:10px}.craft-recipe-carousel>button:not(.craft-recipe-paper){font-size:26px}.craft-gold{padding:6px}.craft-actions button{min-width:110px}}

.craft-conversion{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;overflow:hidden}
.craft-conversion-arrow{font-size:28px;color:#f3d785;flex:0 0 auto}
.craft-conversion .craft-card-icon{width:48px;height:48px;flex:0 0 48px;overflow:hidden}
.craft-conversion-detail{margin:0 auto 14px;gap:24px}
.craft-conversion-detail .craft-card-icon{width:88px;height:88px;flex-basis:88px}
.craft-conversion-detail .craft-conversion-arrow{font-size:38px}
.craft-card-icon svg,.craft-output svg{overflow:hidden!important;display:block}
@media(max-width:600px){.craft-conversion{gap:3px}.craft-conversion .craft-card-icon{width:32px;height:32px;flex-basis:32px}.craft-conversion-arrow{font-size:22px}.craft-conversion-detail{gap:18px}.craft-conversion-detail .craft-card-icon{width:70px;height:70px;flex-basis:70px}}

/* V6: legendary papers, components and crafted equipment */
.craft-legendary{background:#79561d!important;border:2px solid #f1bc4d;box-shadow:inset 0 0 0 2px #a17a2e;border-radius:5px;box-sizing:border-box}
.craft-recipe-paper .craft-card-icon{margin:12px auto 0}
.legendary-material{background:rgba(154,104,22,.78)!important;border-color:#f1bc4d!important}

/* V7: raster inventory assets keep hard edges and never overflow their slots. */
[data-item-sprite]{image-rendering:pixelated!important;overflow:hidden!important}
[data-item-sprite] image{image-rendering:pixelated!important}

/* Mining V17: quantity field follows the workshop panels. */
.craft-list>label{text-align:center}.craft-list input[type=number]{width:100px;padding:10px;border:2px solid #ffffffb0;border-radius:4px;background:#071817;color:white;font:inherit}.craft-home button:nth-child(7){grid-column:1/-1;justify-self:center;width:min(100%,480px)}

/* V22: workshop overlays fill gameFrame, including native browser fullscreen. */
.craft-workshop{box-sizing:border-box;width:100%;height:100%;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;touch-action:pan-y}
.craft-workshop>section{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);height:100%;min-width:0;overflow:hidden}
.craft-workshop header{min-width:0}.craft-workshop h2{margin:6px 0;font-size:clamp(18px,2.4vw,34px);overflow-wrap:anywhere}
.craft-workshop .craft-summary,.craft-workshop .craft-message{margin:4px 0;font-size:clamp(12px,1.4vw,18px)}
.craft-workshop .craft-list{box-sizing:border-box;width:100%;max-width:1200px;min-height:0;margin:10px auto 0;padding:4px 8px 16px;overflow:auto;overscroll-behavior:contain;align-content:start;scrollbar-gutter:stable}
.craft-workshop .craft-home{align-content:center}.craft-home button:last-child:nth-child(even){grid-column:auto;width:100%}
.craft-workshop .craft-actions{flex-wrap:wrap;gap:12px}.craft-workshop button{min-height:44px}.craft-workshop .craft-back,.craft-workshop .craft-close{min-width:44px;flex-shrink:0}
@media(max-height:480px){.craft-workshop .craft-home{align-content:start;gap:12px}.craft-workshop .craft-home button{min-height:58px;font-size:18px}.craft-workshop .craft-list{gap:10px}.craft-workshop .craft-output{width:64px;height:64px}.craft-workshop h3{font-size:20px;margin:4px 0}}
@media(max-width:360px){.craft-workshop .craft-cards-nine{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-workshop .craft-actions button{min-width:100px}.craft-workshop .craft-summary{font-size:11px}}

/* Fisherman uses the same fullscreen workshop and touch targets. */
.fisherman-home{display:flex;flex-direction:column;gap:clamp(12px,3vh,30px);width:min(850px,100%);margin:auto}.fisherman-home>button{min-height:clamp(60px,14vh,120px)}
.fisherman-card{border:1px solid #bbc8c1;padding:clamp(10px,2vw,24px);width:min(850px,100%);box-sizing:border-box;margin:auto;text-align:center}.fisherman-card input[type=range]{display:block;width:90%;min-height:44px;margin:12px auto}.fisherman-card input[type=number]{width:100px;min-height:44px;font-size:16px}.fisherman-list .craft-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.fisherman-confirm:not(:disabled){background:#245e38;border-color:#86ce84}.fisherman-confirm:disabled{background:#444;color:#999}.fisherman-card p{overflow-wrap:anywhere}
/* V66.1: final inventory layout, after the legacy class-dependent rules.
   Only the active secondary-hand button shares (1,2); hidden peers never hit-test. */
.inventory-layout-v31 .equipment-grid {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(44px, 1fr) !important;
}
.inventory-layout-v31 .equipment-grid > .equipment-slot[hidden] { display: none !important; }
.inventory-layout-v31 .equipment-grid > .equipment-slot--focus { grid-column: 2 !important; grid-row: 5 !important; }
.inventory-layout-v31 .equipment-grid > .equipment-slot--relic { grid-column: 3 !important; grid-row: 5 !important; }
.inventory-layout-v31 .equipment-grid > .equipment-slot--second-hand { grid-column: 1 !important; grid-row: 2 !important; }
.inventory-layout-v31 .equipment-grid > .equipment-slot--hand-conflict { grid-column: auto !important; grid-row: auto !important; }
/* V67 workshop choices retain the game's panels and comfortable touch targets. */
.craft-workshop select{box-sizing:border-box;display:block;width:min(100%,680px);max-width:100%;min-height:48px;margin:10px auto;padding:10px 12px;background:#102a2c;color:#f3ead0;border:1px solid #d6bc75;border-radius:3px;font:inherit;touch-action:manipulation}
.craft-workshop label select{width:100%}.craft-workshop select:focus-visible{outline:3px solid #efdc97;outline-offset:2px}
.craft-workshop select:disabled{color:#a9b2ae;border-color:#65716b}