/* V431 — Paleta da janela de Heroes (Tactical Hand) nas janelas que fugiam
   dela. Pedido do dono: o padrao e a caixa da Tactical Hand; o Portal e o
   Cerco guardam a cor do lugar (futuros mapas terao a sua). A letra e o
   tamanho sao do js/103-window-type-v431.js. */
:root{
  --window-ground:#080b0f;
  --window-gold:#b27d1b;
  --window-gold-deep:#5d4218;
  --window-edge:#050709;
  --window-title:#ffe092;
}

/* Moldura dourada dupla: Pets, Market, Ritual e as demais janelas genericas,
   Arvore de Talentos e Loot. */
#gameModal:not(.tacticalHandMode) .gameModalCard,
#talentModal .modal,#lootModal .modal{
  background:var(--window-ground)!important;
  border:2px solid var(--window-gold)!important;
  box-shadow:0 0 0 3px var(--window-edge),0 0 0 5px var(--window-gold-deep),0 22px 70px #000!important;
}
#gameModal:not(.tacticalHandMode) .gameModalCard>h2,
#talentModal .modal>h2,#lootModal .modal>h2{
  color:var(--window-title)!important;letter-spacing:3px;text-shadow:2px 2px #000;
}

/* Barra de rolagem escura em todas as janelas (a padrao do navegador era branca). */
#gameModal,#talentModal,#lootModal,#characterSheetOverlay,#secretSkillsOverlay,
#portalOverlay,#gauntletOverlay,#gptBagOverlay,#guildOverlayV274,#guildQuestOverlayV274,
#pvpOverlayV296,#marketplaceOverlayV210,#dailyQuestOverlayV253,#dominationOverlayV281,
#offlineExpeditionOverlayV329,#settingsOverlayV300,#profileOverlayV302,#trainerOverlayV150,
#alchemistMergeOverlayV160,#starterGuideOverlayV232,#npcServicePanel,#charWardrobeV307,
#innkeeperPotionStoreV234{
  scrollbar-color:var(--window-gold-deep) var(--window-ground);
}

/* ------------------------------------------------------------------------
   Ajustes de espaco para a letra de 14/16 px.
   ------------------------------------------------------------------------ */

/* Tactical Hand: nas cartas travadas o botao de liberar ocupa a largura toda
   no rodape da carta, e as etiquetas do topo apertam o espacamento. */
.tacticalState,.tacticalSlot,.tacticalPremiumTag{padding:3px 6px;letter-spacing:.3px}
.tacticalIdentity small{letter-spacing:.2px}
.tacticalLockedReason{line-height:1.2!important;margin-top:4px}
#gameModal.tacticalHandMode .gameModalCard{height:min(730px,90vh)!important}
.tacticalHeroCard.lockedHeroCard{grid-template-columns:66px 1fr}
.tacticalHeroCard.lockedHeroCard .tacticalPortrait{grid-row:1/4}
.tacticalHeroCard.lockedHeroCard .tacticalUnlockHero{grid-column:1/-1;grid-row:4;min-height:28px;margin-top:6px;letter-spacing:.3px}

/* Arvore de talentos: a lista de beneficios ganha altura para as linhas maiores. */
.talentBenefitsSummary>div{max-height:164px}

/* Portal: "BLOQUEADO" vai para a linha de baixo do nome da dificuldade. */
.portalDifficulty button.gearLockedV206::after{display:block;margin-top:2px;font-size:calc(14px * var(--tharkira-text-scale,1))}

/* Configuracoes: a gaveta alarga para caber rotulo e controle lado a lado. */
@media (min-width:700px){
  .settingsWindowV300{width:clamp(460px,34vw,560px)}
  .settingsBodyV300{grid-template-columns:128px minmax(0,1fr)}
}

/* V436 — Market na paleta da Tactical Hand (era roxo e arredondado, fora do
   resto do jogo). Moldura dourada dupla, cartas em aco, abas e botoes como a
   barra de navegacao: o ativo e o laranja/dourado. */
#marketplaceOverlayV210 .marketShellV210{
  background:var(--window-ground)!important;border:2px solid var(--window-gold)!important;border-radius:2px!important;
  box-shadow:0 0 0 3px var(--window-edge),0 0 0 5px var(--window-gold-deep),0 22px 70px #000!important;
}
#marketplaceOverlayV210 .marketTitleV210{color:var(--window-title)!important;letter-spacing:3px}
#marketplaceOverlayV210 .marketSubV210,#marketplaceOverlayV210 .marketStatusV210,#marketplaceOverlayV210 .marketSellerV210{color:#aebdc6!important}
#marketplaceOverlayV210 .marketCardV210,#marketplaceOverlayV210 .marketDetailCardV210,#marketplaceOverlayV210 .marketFiltersV210,
#marketplaceOverlayV210 .marketModeSwitchV211,#marketplaceOverlayV210 .marketSearchV210{
  background:linear-gradient(#111b23,#080d12)!important;border:1px solid #2e424f!important;border-radius:2px!important;box-shadow:inset 0 0 0 1px #03070a!important;
}
#marketplaceOverlayV210 .marketCardV210:hover{border-color:#d58d37!important}
#marketplaceOverlayV210 .marketModeBtnV211,#marketplaceOverlayV210 .marketTabV210,#marketplaceOverlayV210 .marketFilterToggleV210,
#marketplaceOverlayV210 .marketPageV210 button,#marketplaceOverlayV210 .marketPagerV210 button,#marketplaceOverlayV210 .marketCloseV210,#marketplaceOverlayV210 .marketDetailCloseV210{
  background:linear-gradient(#111b23,#080d12)!important;border:1px solid #2e424f!important;border-radius:2px!important;color:#aebdc6!important;box-shadow:inset 0 0 0 1px #03070a!important;
}
#marketplaceOverlayV210 .marketModeBtnV211.active,#marketplaceOverlayV210 .marketTabV210.active,#marketplaceOverlayV210 .marketFilterToggleV210.active,
#marketplaceOverlayV210 .marketApplyV210,#marketplaceOverlayV210 .marketBuyV210{
  background:linear-gradient(#43200f,#24130c)!important;border:1px solid #d58d37!important;border-radius:2px!important;color:#ffe08c!important;box-shadow:inset 0 0 0 2px #160b07,0 0 0 1px #5c351c!important;
}
#marketplaceOverlayV210 .marketSearchV210 input{background:#03070a!important;border-color:#2e424f!important;border-radius:2px!important;color:#e2e9ec!important}
#marketplaceOverlayV210 .marketSearchV210 input:focus{border-color:#d58d37!important}
#marketplaceOverlayV210 .marketArtV210,#marketplaceOverlayV210 .marketDetailArtV210{border-radius:0!important}
#marketplaceOverlayV210 .marketArtV210,#marketplaceOverlayV210 .marketDetailArtV210{background:radial-gradient(circle at 50% 40%,#1b2d36,#080d12 72%)!important}
#marketplaceOverlayV210 [class*="Count"],#marketplaceOverlayV210 .marketHeadV210 span{border-color:#2e424f!important;background:#080d12!important;color:#aebdc6!important}