/* MetaDuel v0.14.95 — identidade global: Crônicas do Egito.
   Camada final de apresentação; preserva a geometria das telas e da engine. */
:root {
  color-scheme: dark;
  --do-void: #060c16;
  --do-night: #0a1b2b;
  --do-lapis: #103653;
  --do-lapis-2: #174866;
  --do-cyan: #5ce0ef;
  --do-cyan-soft: #a8f1f5;
  --do-gold: #d8a94f;
  --do-gold-bright: #ffedb6;
  --do-bronze: #98682b;
  --do-sand: #d9ceb0;
  --do-ivory: #f6f0df;
  --do-muted: #aab9c6;
  --do-line: rgba(216, 169, 79, .28);
  --do-line-blue: rgba(92, 224, 239, .22);
  --do-panel: rgba(8, 23, 37, .96);
  --do-panel-raised: rgba(14, 39, 58, .97);
  --do-ease: cubic-bezier(.2, .75, .25, 1);
  --do-serif: "Cinzel", Georgia, "Times New Roman", serif;
  --do-sans: "Outfit", Inter, ui-sans-serif, system-ui, sans-serif;
  --night: #060c16;
  --lapis: #103653;
  --lapis-bright: #1c5574;
  --gold: #d8a94f;
  --gold-bright: #ffedb6;
  --sand: #d9ceb0;
  --paper: #f6f0df;
  --muted: #aab9c6;
  --line: rgba(216, 169, 79, .28);
  --panel-line: rgba(216, 169, 79, .2);
  --purple: #d8a94f;
  --purple2: #ffedb6;
  --blue: #5ce0ef;
}

html { background: #060c16; scrollbar-color: rgba(216,169,79,.62) #071321; }
body {
  color: #f6f0df;
  background:
    radial-gradient(ellipse at 76% -12%, rgba(37,126,156,.2), transparent 38%),
    radial-gradient(ellipse at 5% 58%, rgba(14,70,99,.16), transparent 33%),
    radial-gradient(ellipse at 92% 88%, rgba(174,119,43,.09), transparent 34%),
    linear-gradient(145deg, #050a13, #0a1b2b 58%, #060d18);
}
body::before {
  opacity: .13;
  background-image:
    linear-gradient(30deg, transparent 48.8%, rgba(92,224,239,.06) 49.4%, rgba(92,224,239,.06) 50%, transparent 50.6%),
    linear-gradient(150deg, transparent 48.8%, rgba(216,169,79,.055) 49.4%, rgba(216,169,79,.055) 50%, transparent 50.6%);
  background-size: 88px 152px;
}
::selection { color: #06111b; background: rgba(92,224,239,.82); }
a { color: #a8f1f5; }
:focus-visible { outline: 2px solid #5ce0ef; outline-offset: 3px; }

/* Assinatura MetaDuel: wordmark completo no desktop, emblema no menu compacto. */
.brand {
  min-height: 66px;
  padding: 3px 0 25px;
  gap: 10px;
  justify-content: flex-start;
}
.brand-logo {
  display: block;
  width: min(100%, 236px);
  height: 63px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 5px 13px rgba(0,0,0,.34)) drop-shadow(0 0 13px rgba(92,224,239,.1));
}
.brand-emblem { display: none; width: 48px; height: 48px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(92,224,239,.16)); }
.mobile-brand { gap: 8px; min-width: 0; }
.mobile-brand-logo { display: block; width: clamp(118px, 18vw, 158px); height: 38px; object-fit: contain; object-position: left center; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
.footer-brand-logo { display: block; width: 138px; height: 38px; object-fit: contain; object-position: left center; opacity: .9; filter: drop-shadow(0 0 9px rgba(92,224,239,.1)); }
.app-footer { min-height: 70px; height: auto; gap: 18px; border-top-color: rgba(216,169,79,.22); color: #8297a4; }
.app-footer > span:nth-child(2) { color: #9bb4c1; font-size: 8px; letter-spacing: 1.7px; }
.sidebar-version { color: #78909d; letter-spacing: 1.5px; }
.sidebar-version span { color: #f0cf84; }

/* Linguagem comum entre lobby, coleção, loja, deck lab, ranking e áreas sociais. */
h1, h2, h3, h4, .temple-welcome-copy h1, .temple-account-card h2,
.temple-section-heading h2, .lobby-featured-copy h2, .profile-hero-copy h2,
.profile-public-identity h2, .panel-heading h2, .section-title-row h1 {
  font-family: var(--do-serif);
  text-wrap: balance;
}
.eyebrow, .temple-kicker, .temple-small-label, .temple-overline,
.market-kicker, .pack-details-kicker, .store-product-preview-kicker {
  color: #d8ba75;
  letter-spacing: 1.65px;
}
.section-title-row { border-bottom-color: rgba(216,169,79,.22); }
.section-title-row::after { background: linear-gradient(90deg, #d8a94f, rgba(92,224,239,.55), transparent); }
.section-title-row .title-glyph {
  border-color: rgba(216,169,79,.34) !important;
  background: radial-gradient(circle at 35% 22%, rgba(43,153,178,.27), rgba(7,22,35,.92)) !important;
  color: #ffedb6 !important;
}
.panel, .stat-card, .collection-card, .pack-card, .duel-board,
.temple-stat-card, .temple-destination, .temple-account-card {
  border-color: rgba(216,169,79,.2);
  box-shadow: 0 20px 56px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.035);
}
.panel {
  background: linear-gradient(145deg, rgba(13,35,52,.97), rgba(6,17,29,.98));
}
.panel-heading .eyebrow { color: #d9bd7b; }
.temple-overline { color: #c9b17d; }
.temple-welcome-copy h1 span, .section-title-row h1 span {
  background: linear-gradient(105deg, #ffedb6 0%, #d9a94f 43%, #74dbe8 100%);
  background-clip: text; -webkit-background-clip: text; color: transparent;
}
.temple-kicker .temple-status-glyph, .temple-section-ornament { color: #f4d58e; }
.temple-hero-visual::before, .temple-visual-halo { border-color: rgba(216,169,79,.42); }
.temple-destination:hover, .temple-account-card:hover { border-color: rgba(92,224,239,.42); }

/* Botões e elementos selecionáveis com acabamento de metal antigo e energia azul. */
.btn-primary, .temple-btn-gold, .login-submit {
  color: #17140c !important;
  border-color: #f0cf83 !important;
  background: linear-gradient(110deg, #9d6c29 0%, #dfb75e 42%, #fff0b4 54%, #bc8738 100%) !important;
  box-shadow: 0 8px 26px rgba(174,119,38,.2), inset 0 1px rgba(255,255,255,.36) !important;
}
.btn-primary:hover:not(:disabled), .temple-btn-gold:hover:not(:disabled), .login-submit:hover:not(:disabled) {
  filter: brightness(1.1) saturate(1.06);
  box-shadow: 0 12px 32px rgba(194,143,53,.28), 0 0 18px rgba(92,224,239,.1) !important;
}
.btn-outline, .temple-btn-outline {
  border-color: rgba(92,224,239,.36) !important;
  color: #b9edf1 !important;
  background: linear-gradient(135deg, rgba(15,58,79,.62), rgba(7,21,34,.9)) !important;
}
.btn-outline:hover:not(:disabled), .temple-btn-outline:hover:not(:disabled) {
  border-color: rgba(216,169,79,.66) !important;
  color: #ffedb6 !important;
  background: linear-gradient(135deg, rgba(23,76,96,.72), rgba(9,27,42,.95)) !important;
}
.nav-item.active {
  color: #fff0bf;
  border-color: rgba(216,169,79,.35);
  background: linear-gradient(100deg, rgba(174,127,42,.22), rgba(22,111,139,.17) 68%, rgba(22,111,139,.04));
  box-shadow: inset 3px 0 #d8a94f, inset 0 1px rgba(255,255,255,.03);
}
.nav-item.active::after { background: #5ce0ef; box-shadow: 0 0 12px rgba(92,224,239,.8); }
.nav-icon { color: #e2bc6c; }
.nav-item.active .nav-icon { color: #a8f1f5; }
.sidebar-label, .sidebar-rank-row > span { color: #d1b677; }
.sidebar-wallet, .sidebar-player-card, .sidebar-quick-panel, .server-status {
  border-color: rgba(216,169,79,.2);
  background: linear-gradient(145deg, rgba(15,43,62,.9), rgba(5,17,29,.97));
}
.sidebar-wallet-icon, .sidebar-wallet-plus { color: #a8f1f5; border-color: rgba(92,224,239,.32); }
.sidebar-wallet:hover { border-color: rgba(92,224,239,.46); }
.connection-pill { color: #b7edf4; border-color: rgba(92,224,239,.26); background: rgba(17,104,130,.16); }

/* Autenticação e modais recebem a mesma assinatura sem mexer no fluxo dos formulários. */
.login-page {
  background:
    radial-gradient(ellipse at 18% 34%, rgba(20,87,123,.46), transparent 47%),
    radial-gradient(ellipse at 84% 72%, rgba(161,105,34,.16), transparent 38%),
    linear-gradient(124deg, #050a13 0%, #0b2032 45%, #060d18 100%);
}
.login-page::before { border-color: rgba(216,169,79,.19); }
.login-atmosphere {
  background-image: radial-gradient(rgba(92,224,239,.2) .7px, transparent .7px);
  opacity: .14;
}
.login-brand { width: min(100%, 410px); }
.login-brand-logo { display: block; width: min(100%, 390px); height: auto; max-height: 100px; object-fit: contain; object-position: left center; filter: drop-shadow(0 8px 22px rgba(0,0,0,.35)) drop-shadow(0 0 16px rgba(92,224,239,.1)); }
.legend-copy h1 { font-family: var(--do-serif); }
.legend-copy h1 span { color: #ffedb6; text-shadow: 0 0 34px rgba(216,169,79,.2); }
.login-kicker { color: #e4c578; }
.login-kicker i { background: linear-gradient(90deg, #d8a94f, #5ce0ef); }
.login-panel {
  border-color: rgba(216,169,79,.43);
  background: linear-gradient(148deg, rgba(15,41,60,.98), rgba(7,20,33,.99) 58%, rgba(12,31,45,.99));
  box-shadow: 0 34px 94px rgba(0,0,0,.46), inset 0 0 0 5px rgba(216,169,79,.035);
}
.panel-emblem {
  width: 64px; height: 64px; clip-path: none; border: 1px solid rgba(216,169,79,.38);
  border-radius: 50%; background: radial-gradient(circle, rgba(34,126,151,.3), rgba(7,22,35,.96));
  box-shadow: 0 0 0 5px rgba(216,169,79,.045), 0 0 28px rgba(92,224,239,.13);
}
.panel-emblem img { display: block; width: 58px; height: 58px; object-fit: contain; }
.panel-heading h2 { font-family: var(--do-serif); }
.login-tab.active, .auth-tab.active {
  border-color: rgba(216,169,79,.42);
  background: linear-gradient(105deg, rgba(194,151,62,.23), rgba(23,99,126,.25));
  color: #ffedb6;
  box-shadow: inset 0 -2px #d8a94f;
}
.field-group input:focus, .form-control:focus {
  border-color: rgba(92,224,239,.7) !important;
  box-shadow: 0 0 0 3px rgba(92,224,239,.09) !important;
}
.login-security span { color: #8ee8f0; }
.auth-modal { border-color: rgba(216,169,79,.34) !important; background: linear-gradient(145deg, rgba(15,41,59,.98), rgba(6,18,31,.99)) !important; }
.auth-modal-mark {
  width: 62px; height: 62px; padding: 5px; border-radius: 50%;
  border: 1px solid rgba(216,169,79,.45) !important;
  background: radial-gradient(circle at 50% 38%, rgba(26,113,143,.42), rgba(5,17,30,.96)) !important;
  box-shadow: 0 0 0 5px rgba(216,169,79,.045), 0 0 24px rgba(92,224,239,.12);
}
.auth-modal-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.auth-tabs { border-color: rgba(216,169,79,.2) !important; background: rgba(2,12,22,.72) !important; }
.auth-tab.active { color: #ffedb6 !important; }

/* Boosters, painéis da arena e detalhes de produto reconhecem a mesma marca. */
.market-feature-stamp, .pack-opening-pack-emblem, .pack-vault-echo-front,
.classic-rail-banner strong { color: #ffedb6; text-shadow: 0 0 16px rgba(216,169,79,.25); }
.pack-opening-card-back small, .pack-opening-pack-emblem small { color: #8fe5ef; }
.duel-result-panel, .activation-window, .arena-pile-panel,
.pack-details-shell, .store-product-preview-shell, .pack-opening-shell {
  border-color: rgba(216,169,79,.36);
}
.duel-result-emblem, .activation-window-sigil, .pack-opening-sigil { color: #e8c879; }

@media (max-width: 950px) {
  .brand { justify-content: center; padding-inline: 0; }
  .brand-logo { display: none; }
  .brand-emblem { display: block; width: 45px; height: 45px; }
}
@media (max-width: 680px) {
  .brand { min-height: 43px; padding-bottom: 20px; }
  .brand-emblem { width: 36px; height: 36px; }
  .mobile-brand-logo { width: clamp(112px, 34vw, 145px); height: 32px; }
  .footer-brand-logo { width: 104px; height: 30px; }
  .app-footer { min-height: 54px; gap: 8px; }
  .app-footer > span:nth-child(2) { font-size: 6px; letter-spacing: .7px; text-align: center; }
  .login-layout { padding-top: 26px; }
  .login-brand-logo { max-width: min(78vw, 310px); max-height: 76px; }
  .legend-copy h1 { letter-spacing: -.04em; }
  .auth-modal-mark { width: 54px; height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Neutraliza os acentos violetas herdados das versões anteriores; a cor das raridades
   continua semântica (ex.: super-rara), mas superfícies e estados usam a paleta MetaDuel. */
:root {
  --bg: #060c16;
  --panel: #0c1d2c;
  --panel-soft: #132f44;
  --text: #f6f0df;
  --muted: #aab9c6;
  --muted2: #7f94a2;
  --panel-line: rgba(216,169,79,.22);
  --ref-violet: #2b9db6;
  --ref-violet-bright: #8ee8f0;
  --ref-gold: #d8a94f;
  --ref-bg: #060c16;
  --ref-panel: rgba(8,23,37,.96);
  --ref-line: rgba(216,169,79,.22);
}

/* Início, navegação, atividade social e cartões de ranking. */
.lobby-featured, .lobby-featured-card, .lobby-arena-card,
.lobby-leaders-panel, .lobby-guide-panel, .lobby-action-card {
  border-color: rgba(216,169,79,.22) !important;
  background-color: rgba(7,22,35,.94) !important;
}
.lobby-leaders-panel, .lobby-guide-panel {
  background: linear-gradient(145deg, rgba(13,39,57,.97), rgba(6,17,29,.99)) !important;
}
.lobby-leader-rank, .lobby-leader-placeholder .lobby-leader-rank {
  border-color: rgba(216,169,79,.28);
  color: #f0d58e;
  background: rgba(174,127,42,.12);
}
.lobby-leader-name small, .lobby-leader-placeholder small { color: #8ea7b3; }
.lobby-footer-note { border-top-color: rgba(216,169,79,.16); color: #8198a5; }

/* Mercado, boosters, cartas avulsas e visualização de produtos. */
.market-topbar, .market-featured {
  border-color: rgba(216,169,79,.34) !important;
  background:
    radial-gradient(ellipse at 82% 45%, rgba(20,126,157,.26), transparent 49%),
    radial-gradient(ellipse at 14% 10%, rgba(197,144,54,.12), transparent 42%),
    linear-gradient(112deg, #102d43 0%, #091c2b 52%, #050c16 100%) !important;
}
.market-featured::before, .market-featured::after { border-color: rgba(216,169,79,.28) !important; }
.market-kicker, .market-wallet-copy small, .market-promo-card small { color: #d8bb79 !important; }
.market-kicker .status-dot { background: #5ce0ef !important; box-shadow: 0 0 12px rgba(92,224,239,.68) !important; }
.market-feature-copy p, .market-section-heading p { color: #a8bac3 !important; }
.market-feature-pills span {
  border-color: rgba(92,224,239,.25) !important;
  background: rgba(5,18,30,.62) !important;
  color: #c3e8eb !important;
}
.market-feature-card {
  border-color: rgba(240,207,131,.72) !important;
  background: linear-gradient(145deg, #d9b970, #123e5a 48%, #071321) !important;
  box-shadow: 0 23px 37px rgba(0,0,0,.45), 0 0 31px rgba(36,157,190,.19) !important;
}
.market-feature-card-fallback {
  color: #ffedb6 !important;
  background: radial-gradient(circle, rgba(37,139,166,.3), rgba(5,15,25,.94)) !important;
}
.market-tab { color: #93a7b2 !important; }
.market-tab > span { color: #dbb86d !important; }
.market-tab.active, .market-tab[aria-selected="true"] {
  color: #ffedb6 !important;
  border-bottom-color: #d8a94f !important;
  background: linear-gradient(180deg, rgba(92,224,239,.09), transparent) !important;
}
.market-card {
  border-color: rgba(216,169,79,.2) !important;
  background: linear-gradient(158deg, rgba(15,42,59,.97), rgba(5,16,28,.99)) !important;
}
.market-card:hover { border-color: rgba(92,224,239,.54) !important; box-shadow: 0 17px 34px rgba(0,0,0,.35), 0 0 20px rgba(34,153,184,.12) !important; }
.market-card-art { background: radial-gradient(ellipse at 50% 35%, rgba(26,100,130,.34), #06111d 75%) !important; }
.market-card-rarity { border-color: rgba(216,169,79,.25); }
.market-card-stock { border-top-color: rgba(216,169,79,.16) !important; }
.market-card-stock strong { color: #f0d58e !important; }
.market-search-hint { color: #94aab4 !important; }
.store-wallet, .store-singles-panel, .store-single-row {
  border-color: rgba(216,169,79,.2) !important;
  background: linear-gradient(135deg, rgba(14,41,59,.96), rgba(5,17,29,.98)) !important;
}
.store-wallet h2 { color: #ffedb6 !important; }
.pack-card { border-color: rgba(216,169,79,.22) !important; background: linear-gradient(150deg, #102c40, #061321) !important; }
.pack-card-art { background: radial-gradient(circle at 50% 35%, rgba(27,132,160,.33), rgba(5,16,27,.9) 72%) !important; }
.pack-card-art > span:not(.pack-card-count) { color: #e6c77e !important; }
.pack-card-count { color: #ffedb6 !important; border: 1px solid rgba(216,169,79,.24); }
.pack-odds span { border-color: rgba(92,224,239,.18) !important; background: rgba(7,23,37,.72) !important; }
.pack-odds b { color: #ffedb6 !important; }
.store-single-row { border-radius: 6px !important; }
.collection-card { border-color: rgba(216,169,79,.2) !important; background: linear-gradient(160deg, #102a3d, #071522) !important; }
.collection-card-art { background: radial-gradient(circle, #17425a, #06111e 78%) !important; }
.collection-card-art > span { color: #8fe8ef !important; }
.collection-card-footer strong { color: #ffedb6 !important; }

/* Deck Lab padrão e modo imersivo: arquitetura de pedra, placas azul-lápis e filetes dourados. */
.deck-lab-toolbar, .deck-visual-panel, .deck-library-panel {
  border-color: rgba(216,169,79,.24) !important;
  background: linear-gradient(150deg, rgba(14,40,58,.98), rgba(5,17,29,.99)) !important;
}
.deck-visual-panel::after, .deck-library-panel::after {
  background: linear-gradient(90deg, transparent, rgba(92,224,239,.62), rgba(216,169,79,.56), transparent) !important;
}
.deck-visual-panel .deck-name-row > div > small,
.deck-library-panel .deck-owned-heading > div > small,
.deck-lab-toolbar .deck-selector-block > label { color: #d5bd84 !important; }
.deck-visual-panel .deck-main-meter, .classic-deck-panel .deck-main-meter {
  border-color: rgba(216,169,79,.24) !important;
  background: linear-gradient(100deg, rgba(22,105,133,.18), rgba(6,20,32,.4)) !important;
}
.deck-main-meter .meter-track span, .deck-visual-panel .deck-main-meter .meter-track span,
.classic-deck-panel .deck-main-meter .meter-track span {
  background: linear-gradient(90deg, #1e8eac, #5ce0ef 48%, #e2ba62) !important;
  box-shadow: 0 0 12px rgba(92,224,239,.18) !important;
}
.deck-meter-gem { background: #5ce0ef !important; box-shadow: 0 0 12px rgba(92,224,239,.65) !important; }
.deck-visual-panel .deck-tab.active, .deck-tab.active, .classic-deck-panel .deck-tab.active {
  color: #ffedb6 !important;
  border-bottom-color: #d8a94f !important;
  background: linear-gradient(180deg, rgba(29,134,158,.16), transparent) !important;
}
.deck-tab span { color: #a8edf1 !important; background: rgba(20,119,143,.16) !important; }
.deck-visual-panel .deck-list-label, .classic-deck-panel .deck-list-label,
.classic-rail-section-label, .classic-rail-modes-label { color: #d2b777 !important; }
.deck-card-list { scrollbar-color: rgba(216,169,79,.46) transparent !important; }
.deck-builder-card, .deck-library-panel .deck-owned-card {
  border-color: rgba(216,169,79,.22) !important;
  background: linear-gradient(160deg, rgba(17,47,66,.97), rgba(5,17,29,.99)) !important;
}
.deck-builder-card:hover, .deck-library-panel .deck-owned-card:hover {
  border-color: rgba(92,224,239,.62) !important;
  box-shadow: 0 11px 21px rgba(0,0,0,.4), 0 0 18px rgba(31,151,183,.14) !important;
}
.deck-builder-card-preview, .deck-library-panel .deck-owned-art { background: radial-gradient(ellipse at 50% 34%, #17475f, #06121e 78%) !important; }
.deck-builder-no-art, .deck-library-panel .deck-owned-no-art { color: #9eeaf0 !important; }
.deck-builder-card-actions button { border-color: rgba(216,169,79,.28) !important; background: rgba(11,70,91,.54) !important; color: #ffedb6 !important; }
.deck-builder-card-actions button:hover { background: rgba(26,137,160,.5) !important; border-color: rgba(92,224,239,.6) !important; }
.deck-builder-card-actions span { color: #d6e7e8 !important; }
.deck-visual-panel .deck-bottom-actions, .deck-visual-panel .deck-save-line { border-color: rgba(216,169,79,.18) !important; }
.deck-owned-search > span { color: #8fe8ef !important; }
.deck-owned-checkbox input { accent-color: #5ce0ef !important; }
.deck-save-led { background: #5ce0ef !important; box-shadow: 0 0 10px rgba(92,224,239,.5) !important; }
.classic-deckbuilder-frame, .deckbuilder-classic-frame {
  border-color: rgba(216,169,79,.48) !important;
  background: linear-gradient(135deg, #0e2b40 0%, #091b2a 46%, #050d17 100%) !important;
  box-shadow: 0 0 0 1px rgba(31,99,123,.36), 0 24px 70px rgba(0,0,0,.5), inset 0 0 50px rgba(27,130,153,.07) !important;
}
#view-decks.deckbuilder-classic-view.active {
  background: radial-gradient(ellipse at 47% 0%, rgba(24,126,154,.19), transparent 48%), #050d17 !important;
}
.deckbuilder-rail {
  border-right-color: rgba(216,169,79,.3) !important;
  background: linear-gradient(180deg, rgba(13,47,67,.99), rgba(7,24,38,.99) 48%, rgba(5,14,23,.99)) !important;
}
.classic-rail-brand {
  background: linear-gradient(145deg, rgba(24,93,119,.75), rgba(4,17,29,.96)), url('/assets/metaduel-emblem.svg') center / 32px 32px no-repeat !important;
  border-color: rgba(216,169,79,.65) !important;
  box-shadow: inset 0 0 14px rgba(92,224,239,.14), 0 0 13px rgba(37,166,187,.13) !important;
}
.classic-rail-brand > span { font-size: 0 !important; }
.classic-rail-icon {
  border-color: rgba(216,169,79,.22) !important;
  color: #c5dce0 !important;
  background: linear-gradient(145deg, rgba(18,67,88,.78), rgba(5,21,34,.97)) !important;
}
.classic-rail-icon > span { color: #8fe8ef !important; text-shadow: 0 0 13px rgba(92,224,239,.22) !important; }
.classic-rail-icon small, .classic-rail-footer { color: #9ab2bd !important; }
.classic-rail-icon:hover, .classic-rail-icon.active {
  border-color: rgba(216,169,79,.74) !important;
  background: linear-gradient(145deg, rgba(24,105,128,.8), rgba(8,34,49,.99)) !important;
  box-shadow: inset 0 0 15px rgba(92,224,239,.08), 0 0 12px rgba(19,136,164,.12) !important;
}
.classic-rail-divider { background: linear-gradient(90deg, transparent, rgba(216,169,79,.36), transparent) !important; }
.classic-rail-banner {
  border-color: rgba(216,169,79,.42) !important;
  background: radial-gradient(circle at 55% 25%, rgba(27,125,151,.56), transparent 48%), linear-gradient(155deg, #103750, #061321 78%) !important;
  box-shadow: inset 0 0 20px rgba(92,224,239,.1) !important;
}
.classic-rail-banner-cup, .classic-rail-banner-coliseum { background: radial-gradient(circle at 50% 20%, rgba(182,131,55,.4), transparent 48%), linear-gradient(150deg, #12354a, #061321 77%) !important; }
.classic-rail-banner small { color: rgba(215,235,234,.78) !important; }
.classic-deck-toolbar {
  border-bottom-color: rgba(216,169,79,.56) !important;
  background: linear-gradient(100deg, #153f58 0%, #1c6681 57%, #10334b 100%) !important;
}
.classic-deck-title-line small, .classic-deck-title-line small span { color: #ffedb6 !important; }
.classic-deck-title-line h2 { color: #f9f1dc !important; }
.classic-deck-identity select { border-color: rgba(216,169,79,.32) !important; color: #f6f0df !important; background: rgba(3,17,29,.78) !important; }
.classic-deck-more-menu { border-color: rgba(216,169,79,.5) !important; background: linear-gradient(145deg, #10364d, #071723) !important; }
.classic-action-share { background: linear-gradient(180deg, #1c91a7, #0e526c) !important; }
.classic-action-undo { color: #c4e1e4 !important; background: rgba(5,28,42,.78) !important; }
.classic-deck-panel .deck-tabs { border-bottom-color: rgba(216,169,79,.25) !important; }
.classic-deck-panel .deck-builder-card-preview { background: linear-gradient(145deg, #d7b56c, #17425a 45%, #0a1c2d) !important; }
.classic-deck-panel .deck-builder-card-actions { border-color: rgba(216,169,79,.52) !important; background: rgba(4,20,32,.94) !important; }
.classic-deck-panel .deck-builder-card-actions button { background: rgba(14,93,113,.65) !important; border-color: rgba(92,224,239,.34) !important; }

/* Clãs, torneios e páginas competitivas. */
.clan-hero, .clan-detail-hero, .tournament-hero {
  border-color: rgba(216,169,79,.34) !important;
  background:
    radial-gradient(ellipse at 85% 15%, rgba(24,137,164,.18), transparent 42%),
    linear-gradient(125deg, rgba(15,48,67,.98), rgba(5,17,29,.99)) !important;
}
.clan-hero-emblem, .clan-detail-emblem {
  color: #ffedb6 !important;
  border-color: rgba(216,169,79,.45) !important;
  background: radial-gradient(circle, rgba(22,111,139,.34), rgba(5,20,34,.95)) !important;
}
.clan-rank-row, .clan-member-row, .tournament-card, .tournament-match {
  border-color: rgba(216,169,79,.18) !important;
  background: linear-gradient(145deg, rgba(13,39,57,.96), rgba(5,17,29,.98)) !important;
}
.clan-rank-row:hover, .tournament-card:hover { border-color: rgba(92,224,239,.42) !important; }
.tournament-card:after { background: linear-gradient(90deg, transparent, rgba(92,224,239,.42), rgba(216,169,79,.36), transparent) !important; }
.tournament-card-description, .tournament-detail-heading p, .tournament-card-meta { color: #9ab0bc !important; }
.tournament-card-bar span { background: linear-gradient(90deg, #1b8dab, #5ce0ef 48%, #e2ba62) !important; }
.tournament-detail-panel, .tournament-round { border-color: rgba(216,169,79,.2) !important; background: linear-gradient(145deg, rgba(13,39,57,.97), rgba(5,17,29,.99)) !important; }
.tournament-detail-heading, .tournament-bracket-section > .panel-heading,
.tournament-detail-prizes > .panel-heading, .tournament-participants-section > .panel-heading { border-bottom-color: rgba(216,169,79,.2) !important; }

/* Tabuleiro, inspetores e mensagens de combate: azul arcano no lugar de violeta. */
.card-inspector {
  border-color: rgba(92,224,239,.3) !important;
  background: linear-gradient(155deg, rgba(15,54,75,.96), rgba(5,17,30,.99)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.3) !important;
}
.side-tool-icon { color: #8fe8ef !important; text-shadow: 0 0 16px rgba(92,224,239,.26) !important; }
.duel-banner span, .duel-banner small { color: #b6eaf0 !important; }
.phase-step.active { background: linear-gradient(135deg, #f1d080, #b57b26 60%, #755022) !important; }
.market-feature-stamp { color: #ffedb6 !important; }

@media (max-width: 760px) {
  .deckbuilder-classic-frame { border-radius: 12px !important; }
  .market-featured { background: linear-gradient(115deg, #12384e, #071724) !important; }
}

/* Família de botões e tokens legados: nenhuma ação genérica herda o esmalte violeta. */
:root {
  --do-btn-gold: #d8a94f;
  --do-btn-gold-light: #ffedb6;
  --do-btn-violet: #0d526b;
  --do-btn-violet-light: #187e97;
  --do-btn-deep: #061522;
  --do-btn-line: rgba(92,224,239,.28);
  --do-btn-copy: #e8f1e9;
  --lobby-void: #060c16;
  --lobby-panel: #0c1e2e;
  --lobby-panel-2: #132f43;
  --lobby-line: rgba(216,169,79,.2);
  --lobby-gold: #d8a94f;
  --lobby-gold-bright: #ffedb6;
  --lobby-purple: #5ce0ef;
  --lobby-copy: #f6f0df;
  --lobby-muted: #aab9c6;
}
.btn:not(.btn-primary):not(.btn-outline):not(.btn-danger-quiet):not(.classic-action-save):not(.classic-action-buy):not(.classic-action-active):not(.classic-action-back):not(.classic-action-clear):not(.classic-action-share):not(.classic-action-undo) {
  border-color: rgba(92,224,239,.28);
  color: #e8f1e9;
  background: linear-gradient(180deg, rgba(18,76,99,.94), rgba(5,28,44,.99));
}
.btn:not(.btn-primary):not(.btn-outline):not(.btn-danger-quiet):not(.classic-action-save):not(.classic-action-buy):not(.classic-action-active):not(.classic-action-back):not(.classic-action-clear):not(.classic-action-share):not(.classic-action-undo):hover:not(:disabled) {
  border-color: rgba(216,169,79,.68);
  color: #ffedb6;
  background: linear-gradient(180deg, rgba(26,112,133,.96), rgba(7,42,59,.99));
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 7px 17px rgba(0,0,0,.27), 0 0 15px rgba(31,151,183,.12);
}
.btn-quiet {
  color: #c3e5e7 !important;
  border-color: rgba(92,224,239,.22) !important;
  background: linear-gradient(180deg, rgba(13,49,68,.82), rgba(5,21,35,.96)) !important;
}
.btn-quiet:hover:not(:disabled) { color: #ffedb6 !important; border-color: rgba(216,169,79,.58) !important; }
.text-button { color: #a8edf1 !important; }
.text-button:hover:not(:disabled) { color: #ffedb6 !important; background: rgba(92,224,239,.08) !important; }
body.deckbuilder-immersive .classic-deck-actions > .btn {
  border-color: rgba(92,224,239,.3) !important;
  color: #edf3e9 !important;
  background: linear-gradient(180deg, #15566e 0%, #09263a 100%) !important;
}
body.deckbuilder-immersive .classic-deck-actions > .classic-action-save,
body.deckbuilder-immersive .classic-deck-actions > .classic-action-buy {
  color: #21180b !important;
  border-color: rgba(255,237,182,.68) !important;
  background: linear-gradient(180deg, #f6dfa0 0%, #d8a94f 56%, #98682b 100%) !important;
}
.classic-deck-more > summary {
  border-color: rgba(216,169,79,.32) !important;
  color: #ffedb6 !important;
  background: rgba(4,23,36,.86) !important;
}
.classic-rail-brand > span > span { display: none !important; }

/* Outros estados que costumavam recorrer à paleta roxa da interface antiga. */
.user-avatar-mini { border-color: rgba(216,169,79,.36) !important; color: #a8edf1 !important; background: linear-gradient(145deg, #17485e, #071a2a) !important; }
.market-promo-card { border-color: rgba(216,169,79,.22) !important; background: linear-gradient(145deg, rgba(15,43,61,.95), rgba(5,17,28,.99)) !important; }
.market-promo-card small { color: #e2c77f !important; }
.deck-tip { border-color: rgba(92,224,239,.22) !important; background: rgba(17,101,124,.09) !important; }
.deck-tip > span, .deck-tip strong { color: #a8edf1 !important; }
.rule-mark.purple { border-color: rgba(216,169,79,.25) !important; background: rgba(174,127,42,.12) !important; color: #f0d58e !important; }
.deck-save-status, .save-status { color: #a5e6d4; }

@media (max-width: 950px) {
  .brand-emblem { filter: drop-shadow(0 0 12px rgba(92,224,239,.2)); }
}

/* A arena mantém a leitura competitiva, mas troca os azuis elétricos/violetas antigos
   por lápis-lazúli, ouro de relíquia e energia ciano. */
:root { --arena-cyan: #5ce0ef; --arena-gold: #d8a94f; --arena-ink: #060c16; }
.ambient-a { background: #b98736 !important; opacity: .07 !important; }
.ambient-b { background: #1688a5 !important; opacity: .09 !important; }
body.duel-immersive .duel-top-actions > div:first-child {
  border-color: rgba(255,237,182,.62) !important;
  background: linear-gradient(122deg, #103b54 0%, #17627b 67%, #8a642f 100%) !important;
  box-shadow: 0 9px 25px rgba(0,0,0,.42), inset 0 -3px rgba(255,255,255,.11) !important;
}
body.duel-immersive .duel-top-actions .eyebrow { color: #c5f6f6 !important; }
body.duel-immersive .duel-top-actions .eyebrow::before { color: #ffedb6 !important; }
body.duel-immersive .duel-top-actions h2 { color: #ffedb6 !important; }
body.duel-immersive .duel-player-bars .opponent-bar {
  background: linear-gradient(110deg, #fff8e6 0 5px, #c28e3c 5px, #69471f 100%) !important;
}
body.duel-immersive .duel-player-bars .own-bar {
  background: linear-gradient(110deg, #f4fbff 0 5px, #237f9d 5px, #0d3c59 100%) !important;
}
body.duel-immersive .opponent-bar .lp-track span { background: linear-gradient(90deg, #98682b, #e5c170) !important; }
body.duel-immersive .own-bar .lp-track span { background: linear-gradient(90deg, #14718f, #5ce0ef) !important; }
body.duel-immersive .opponent-bar .player-ident small { color: #e7c77c !important; }
body.duel-immersive .own-bar .player-ident small { color: #8fe8ef !important; }
body.duel-immersive .activation-window-panel,
body.duel-immersive .summon-window-panel,
body.duel-immersive .card-choice-panel {
  border-color: rgba(216,169,79,.42) !important;
  background: linear-gradient(145deg, rgba(15,51,71,.98), rgba(5,17,29,.99)) !important;
  box-shadow: 0 24px 75px rgba(0,0,0,.58), 0 0 38px rgba(24,128,153,.13), inset 0 1px rgba(255,255,255,.05) !important;
}
body.duel-immersive .activation-window-heading .eyebrow,
body.duel-immersive .activation-window-heading .eyebrow { color: #8fe8ef !important; }
body.duel-immersive .activation-window-heading h2,
body.duel-immersive .activation-window-heading h2 { color: #ffedb6 !important; }
body.duel-immersive .activation-window-sigil {
  border-color: rgba(216,169,79,.42) !important;
  color: #ffedb6 !important;
  background: radial-gradient(circle, rgba(28,128,154,.3), rgba(5,18,31,.94)) !important;
  box-shadow: inset 0 0 12px rgba(92,224,239,.08), 0 0 15px rgba(92,224,239,.12) !important;
}
body.duel-immersive .activation-window-heading p,
body.duel-immersive .activation-window-content .chain-waiting,
body.duel-immersive .activation-window-content .effect-target-control span,
body.duel-immersive .activation-waiting,
body.duel-immersive .activation-waiting small { color: #b4cbd0 !important; }
body.duel-immersive .activation-pulse-mark {
  border-color: rgba(92,224,239,.75) !important;
  background: rgba(20,123,148,.24) !important;
  color: #c3f9fa !important;
  box-shadow: 0 0 14px rgba(92,224,239,.18) !important;
}
body.duel-immersive .activation-option-art { border-color: rgba(216,169,79,.5) !important; background: #071a2a !important; }
body.duel-immersive .activation-option-copy > strong { color: #fff1c7 !important; }
body.duel-immersive .activation-option-copy > small { color: #a9c7cf !important; }
body.duel-immersive .duel-banner[data-kind="activation"] strong,
body.duel-immersive .duel-banner[data-kind="chain"] strong {
  color: #b9f6f7 !important;
  text-shadow: 0 0 25px rgba(92,224,239,.36), 0 2px 0 rgba(0,0,0,.8) !important;
}
@keyframes zoneActivationMetaDuel {
  0% { border-color: rgba(92,224,239,0); box-shadow: 0 0 0 rgba(92,224,239,0); }
  40% { border-color: #ffedb6; box-shadow: 0 0 25px rgba(92,224,239,.58), inset 0 0 18px rgba(22,126,151,.26); filter: brightness(1.28); }
  100% { border-color: rgba(218,227,242,.29); box-shadow: inset 0 0 0 1px rgba(3,8,16,.25); filter: brightness(1); }
}
body.duel-immersive .fx-activation { animation: zoneActivationMetaDuel 1.2s ease-out both !important; z-index: 4; }
body.duel-immersive .duel-top-actions > div:first-child {
  position: relative;
  overflow: hidden;
  padding-right: 72px !important;
}
body.duel-immersive .duel-top-actions > div:first-child::after {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 48px;
  height: 48px;
  content: "";
  transform: translateY(-50%);
  background: url('/assets/metaduel-emblem.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 10px rgba(92,224,239,.2));
  opacity: .88;
  pointer-events: none;
}
@media (max-width: 720px) {
  body.duel-immersive .duel-top-actions > div:first-child { padding-right: 54px !important; }
  body.duel-immersive .duel-top-actions > div:first-child::after { right: 8px; width: 36px; height: 36px; }
}