/* PC: padrão visual único dos botões do jogo (carregado por último).
   Só muda aparência — cores, borda, sombra, raio e estados — sem alterar tamanhos, para não deslocar layouts.
   Fora do padrão de propósito: botões do menu JOGAR (JOGAR, Ranking, Configurações), botões com glow/faíscas
   próprios (Enfrentar treinador, Entrar, abas inferiores, presente diário, evolução pronta), perfil/notificações,
   cartas de golpes e a PokéMart (já tem estilo próprio). */

html:not(.battlemon-mobile) :is(
  .btn-battle-end, .btn-game-alert-primary, .btn-game-alert-secondary, .btn-modal-apply, .btn-start-adventure,
  .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .btn-pixel-secondary,
  .btn-sub-tower, .btn-cancel-target, .btn-synergy-scroll, .btn-slot-mini, .btn-speed-toggle, .settings-version-button,
  .btn-forfeit-run, .btn-flee-arena, .btn-sync-api, .btn-pokemon-fainted-red, .btn-pokecenter, .btn-swapper,
  .btn-send-pokemon, .btn-apply-item, .btn-equip-move, .btn-chat-send, .shop-purchase-primary, .shop-purchase-secondary,
  .btn-tower-backpack, .account-text-button:not([id="profileAccountLogout"])
) {
  --bt-top: #223a5e; --bt-bottom: #13223a; --bt-border: #3b5b88; --bt-text: #e4eefc; --bt-ring: #60a5fa;
  position: relative;
  color: var(--bt-text);
  border: 1px solid var(--bt-border);
  border-radius: .6rem;
  background: linear-gradient(180deg, var(--bt-top), var(--bt-bottom));
  box-shadow: inset 0 1px 0 #ffffff22, inset 0 -2px 0 #00000040, 0 .2rem .5rem #0006;
  text-shadow: 0 1px 0 #00000059;
  font-weight: 800;
  letter-spacing: .04em;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease, background .2s ease;
}
html:not(.battlemon-mobile) :is(
  .btn-battle-end, .btn-game-alert-primary, .btn-game-alert-secondary, .btn-modal-apply, .btn-start-adventure,
  .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .btn-pixel-secondary,
  .btn-sub-tower, .btn-cancel-target, .btn-synergy-scroll, .btn-slot-mini, .btn-speed-toggle, .settings-version-button,
  .btn-forfeit-run, .btn-flee-arena, .btn-sync-api, .btn-pokemon-fainted-red, .btn-pokecenter, .btn-swapper,
  .btn-send-pokemon, .btn-apply-item, .btn-equip-move, .btn-chat-send, .shop-purchase-primary, .shop-purchase-secondary,
  .btn-tower-backpack, .account-text-button:not([id="profileAccountLogout"])
):is(:hover, :focus-visible):not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.12) saturate(1.05);
  border-color: color-mix(in srgb, var(--bt-ring) 75%, #fff);
  box-shadow: inset 0 1px 0 #ffffff2e, inset 0 -2px 0 #00000040, 0 0 0 3px color-mix(in srgb, var(--bt-ring) 22%, transparent), 0 .35rem .8rem #0007;
}
html:not(.battlemon-mobile) :is(
  .btn-battle-end, .btn-game-alert-primary, .btn-game-alert-secondary, .btn-modal-apply, .btn-start-adventure,
  .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .btn-pixel-secondary,
  .btn-sub-tower, .btn-cancel-target, .btn-synergy-scroll, .btn-slot-mini, .btn-speed-toggle, .settings-version-button,
  .btn-forfeit-run, .btn-flee-arena, .btn-sync-api, .btn-pokemon-fainted-red, .btn-pokecenter, .btn-swapper,
  .btn-send-pokemon, .btn-apply-item, .btn-equip-move, .btn-chat-send, .shop-purchase-primary, .shop-purchase-secondary,
  .btn-tower-backpack, .account-text-button:not([id="profileAccountLogout"])
):active:not(:disabled) {
  transform: translateY(1px);
  filter: brightness(.96);
  box-shadow: inset 0 2px 4px #00000066, 0 0 0 2px color-mix(in srgb, var(--bt-ring) 25%, transparent);
}
html:not(.battlemon-mobile) :is(
  .btn-battle-end, .btn-game-alert-primary, .btn-game-alert-secondary, .btn-modal-apply, .btn-start-adventure,
  .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .btn-pixel-secondary,
  .btn-sub-tower, .btn-cancel-target, .btn-synergy-scroll, .btn-slot-mini, .btn-speed-toggle, .settings-version-button,
  .btn-forfeit-run, .btn-flee-arena, .btn-sync-api, .btn-pokemon-fainted-red, .btn-pokecenter, .btn-swapper,
  .btn-send-pokemon, .btn-apply-item, .btn-equip-move, .btn-chat-send, .shop-purchase-primary, .shop-purchase-secondary,
  .btn-tower-backpack, .account-text-button:not([id="profileAccountLogout"])
):focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }
html:not(.battlemon-mobile) :is(
  .btn-battle-end, .btn-game-alert-primary, .btn-game-alert-secondary, .btn-modal-apply, .btn-start-adventure,
  .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .btn-pixel-secondary,
  .btn-sub-tower, .btn-cancel-target, .btn-synergy-scroll, .btn-slot-mini, .btn-speed-toggle, .settings-version-button,
  .btn-forfeit-run, .btn-flee-arena, .btn-sync-api, .btn-pokemon-fainted-red, .btn-pokecenter, .btn-swapper,
  .btn-send-pokemon, .btn-apply-item, .btn-equip-move, .btn-chat-send, .shop-purchase-primary, .shop-purchase-secondary,
  .btn-tower-backpack, .account-text-button:not([id="profileAccountLogout"])
):disabled {
  cursor: not-allowed;
  transform: none;
  filter: grayscale(.55);
  opacity: .45;
  box-shadow: inset 0 1px 0 #ffffff12;
}

/* Variantes de cor (mesmo formato, cor muda pela função) */
html:not(.battlemon-mobile) :is(.btn-battle-end.primary, .btn-game-alert-primary, .btn-modal-apply, .btn-start-adventure, .btn-char-next, .exp-primary, .btn-launch-casual, .btn-pixel-primary:not([id="accountSubmit"]), .shop-purchase-primary, .btn-send-pokemon, .btn-apply-item, .btn-equip-move) {
  --bt-top: #f2b232 !important; --bt-bottom: #b36b0b !important; --bt-border: #fcd34d !important; --bt-text: #fffbeb !important; --bt-ring: #fbbf24 !important;
  text-shadow: 0 1px 0 #7c3d0080;
}
html:not(.battlemon-mobile) :is(.btn-sub-tower.danger, .btn-forfeit-run, .btn-flee-arena, .btn-red, .btn-danger-reset, .btn-pokemon-fainted-red) {
  --bt-top: #c53434 !important; --bt-bottom: #7f1d1d !important; --bt-border: #f87171 !important; --bt-text: #fff1f2 !important; --bt-ring: #f87171 !important;
}
html:not(.battlemon-mobile) :is(.btn-pokecenter, .btn-swapper, .btn-chat-send) {
  --bt-top: #1f8f68 !important; --bt-bottom: #0d5240 !important; --bt-border: #34d399 !important; --bt-text: #ecfdf5 !important; --bt-ring: #34d399 !important;
}
html:not(.battlemon-mobile) .btn-chat-send { --bt-top: #2a7fd4 !important; --bt-bottom: #134e8a !important; --bt-border: #60a5fa !important; --bt-text: #eff6ff !important; --bt-ring: #60a5fa !important; }
html:not(.battlemon-mobile) .btn-purple { --bt-top: #7c4ddb !important; --bt-bottom: #45228f !important; --bt-border: #a78bfa !important; --bt-text: #f5f3ff !important; --bt-ring: #a78bfa !important; }
html:not(.battlemon-mobile) .btn-tower-backpack { --bt-top: #4a3510 !important; --bt-bottom: #2a1d06 !important; --bt-border: #fbbf24 !important; --bt-text: #fde68a !important; --bt-ring: #fbbf24 !important; }
html:not(.battlemon-mobile) :is(.account-text-button:not([id="profileAccountLogout"]), .settings-version-button) { --bt-top: #1a2a44 !important; --bt-bottom: #111c30 !important; --bt-border: #33507a !important; }

/* Configurações: estes dois tinham cores fixas com !important no CSS antigo. */
html:not(.battlemon-mobile) #settingsModal :is(#btnSyncPokeApiJs, .btn-purple, .btn-sync-danger, .btn-red) {
  background: linear-gradient(180deg, var(--bt-top), var(--bt-bottom)) !important;
  border: 1px solid var(--bt-border) !important;
  color: var(--bt-text) !important;
}
html:not(.battlemon-mobile) #settingsModal :is(#btnSyncPokeApiJs, .btn-purple, .btn-sync-danger, .btn-red):hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--bt-ring) 75%, #fff) !important;
}

/* Ícones do cabeçalho e botões de fechar: quadrado arredondado discreto */
html:not(.battlemon-mobile) :is(.navbar .btn-icon:not(.reward-notifications-button):not(.exp-daily-button), .home-music-toggle) {
  border: 1px solid #2c4468;
  border-radius: .7rem;
  background: linear-gradient(180deg, #17263f, #0d1727);
  box-shadow: inset 0 1px 0 #ffffff14, 0 .25rem .75rem #0006;
  transition: transform .15s ease, border-color .2s, box-shadow .2s, background .2s;
}
html:not(.battlemon-mobile) :is(.navbar .btn-icon:not(.reward-notifications-button):not(.exp-daily-button), .home-music-toggle):is(:hover, :focus-visible) {
  transform: translateY(-1px);
  border-color: #5aa9ff;
  background: linear-gradient(180deg, #1b2f4f, #0f1b2e);
  box-shadow: inset 0 1px 0 #ffffff1c, 0 0 0 3px #38bdf81c, 0 .4rem 1rem #0007;
}
/* Botão de fechar (×): simples e igual em todas as janelas — sem zoom, giro ou brilho. */
html:not(.battlemon-mobile) :is(.btn-close-modal, .tower-backpack-close, .trainer-profile-close, .mart-stage-close) {
  display: inline-grid;
  place-items: center;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem;
  min-height: 2rem !important;
  padding: 0;
  border: 1px solid #334a6e;
  border-radius: .5rem;
  background: #142238;
  color: #b8c7dc;
  font-size: 1.15rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  transform: none !important;
  scale: none !important;
  animation: none;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}
html:not(.battlemon-mobile) :is(.btn-close-modal, .tower-backpack-close, .trainer-profile-close, .mart-stage-close):is(:hover, :focus-visible, :active) {
  color: #fff;
  background: #3b1d26;
  border-color: #f87171;
  box-shadow: none;
  text-shadow: none;
  transform: none !important;
  scale: none !important;
}
html:not(.battlemon-mobile) :is(.btn-close-modal, .tower-backpack-close, .trainer-profile-close, .mart-stage-close):focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }

/* Abas e chips de opção: base discreta, ativo destacado */
html:not(.battlemon-mobile) :is(.mp-tab, .backpack-tab-btn, .casual-diff-btn) {
  border: 1px solid #2f4669;
  border-radius: .6rem;
  background: linear-gradient(180deg, #16243a, #0e1828);
  color: #a9bdd9;
  box-shadow: inset 0 1px 0 #ffffff10;
  transition: color .2s, border-color .2s, background .2s, box-shadow .2s, transform .15s;
}
html:not(.battlemon-mobile) :is(.mp-tab, .backpack-tab-btn, .casual-diff-btn):hover:not(.active):not(.selected) {
  color: #e4eefc;
  border-color: #4f78b0;
  transform: translateY(-1px);
}
html:not(.battlemon-mobile) :is(.mp-tab, .backpack-tab-btn, .casual-diff-btn):is(.active, .selected, [aria-pressed="true"], [aria-selected="true"]) {
  color: #fff;
  border-color: #60a5fa;
  background: linear-gradient(180deg, #24467a, #16294a);
  box-shadow: inset 0 1px 0 #ffffff22, 0 0 0 3px #60a5fa1f;
}