/* MetaDuel v0.16.00 — Legibilidade e adaptação responsiva.
   Somente interface do portal: sem alterar geometria do campo e do Deckbuild.
   Outfit para leitura, Cinzel para títulos; mantém a identidade imperial. */
:root {
  --readable-body:clamp(14px, .89vw + 4px, 16px);
  --readable-detail:clamp(12px, .3vw + 9px, 14px);
  --readable-meta:clamp(11px, .26vw + 8px, 12px);
  --readable-control:clamp(13px, .38vw + 9px, 15px);
  --readable-heading:clamp(22px, 2.15vw, 34px);
}
body:not(.duel-immersive):not(.deckbuilder-immersive) {
  font-size:var(--readable-body);
  line-height:1.55;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.view h1,.section-title-row h1,.ranking-title-row h1,.market-title-row h1) {
  font-size:clamp(28px,3.3vw,46px)!important;
  line-height:1.16;
  letter-spacing:0;
  overflow-wrap:break-word;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.view h2,.panel-heading h2,.md-home-section-head h2,.md-home-panel-head h2) {
  line-height:1.35;
  overflow-wrap:break-word;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.hero-subtitle,.section-title-row p,.md-home-panel-head p,.md-home-section-head p,.market-page-heading p,.ranking-season-heading p,.tournament-banlist-header p,.arena-tile p) {
  font-size:clamp(13px,.4vw + 9px,16px)!important;
  line-height:1.65;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.eyebrow,.arena-kicker,.md-home-section-kicker,.market-kicker,.source-tag,.sidebar-label,.panel-overline) {
  font-size:clamp(11px,.23vw + 8px,12px)!important;
  line-height:1.35;
  letter-spacing:.075em;
}

/* Navegação principal. Aumenta o alvo clicável e evita texto truncado. */
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button {
  font-size:clamp(12px,.42vw + 8px,14px)!important;
  line-height:1.22;
  letter-spacing:.025em;
  min-width:0;
  padding-inline:7px;
  overflow-wrap:anywhere;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-shortcuts,.arena-shortcuts button,.arena-profile-open,.sidebar-auth-button,.sidebar-player-identity strong,.sidebar-rank-row,.sidebar-rank-caption) {
  font-size:var(--readable-detail)!important;
  line-height:1.42;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.btn,.btn-primary,.btn-outline,.arena-cta,.arena-secondary,.arena-aside-primary,.arena-tile-link,.arena-aside-market button,.tournament-banlist-card-btn,.md-home-outline-button) {
  font-size:var(--readable-control)!important;
  line-height:1.35;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(button,.btn,.arena-tile-link,.arena-mini-data-row,a) {
  touch-action:manipulation;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-shortcuts button {
  min-height:30px;
}

/* Página inicial: números, quadros e chamadas. Sem alterar cartas. */
#view-inicio .arena-home-section-title h1 {font-size:clamp(24px,2.2vw,32px)!important;line-height:1.25}
#view-inicio .arena-home-section-title>span {font-size:var(--readable-meta)!important}
#view-inicio .arena-welcome-content p {font-size:clamp(14px,.45vw + 10px,17px)!important;max-width:56ch;line-height:1.6}
#view-inicio .arena-hero-foot {font-size:var(--readable-meta)!important;line-height:1.4}
#view-inicio .arena-home-stats small {font-size:var(--readable-meta)!important;line-height:1.28;white-space:normal;overflow-wrap:anywhere}
#view-inicio .arena-home-stats strong {font-size:clamp(21px,1.55vw,27px)!important;line-height:1.18}
#view-inicio .arena-home-stats article {padding:12px;gap:9px}
#view-inicio .arena-tile {min-height:260px;padding:13px 12px;gap:3px}
#view-inicio .arena-tile header {align-items:flex-start;gap:8px}
#view-inicio .arena-tile header h2 {font-size:clamp(13px,.35vw + 10px,15px)!important;line-height:1.4!important;white-space:normal;overflow-wrap:anywhere}
#view-inicio .arena-tile header>span {font-size:var(--readable-meta)!important;flex-shrink:0}
#view-inicio .arena-tile-link {padding:10px 1px 3px;white-space:normal;overflow-wrap:anywhere}
#view-inicio .arena-mini-list {overflow:visible;gap:8px}
#view-inicio .arena-mini-data-row {grid-template-columns:32px minmax(0,1fr) auto;gap:9px;min-height:54px;padding:9px 8px}
#view-inicio .arena-mini-data-icon {width:32px;height:35px;font-size:18px}
#view-inicio .arena-mini-data-copy strong {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  white-space:normal;overflow:hidden;overflow-wrap:anywhere;
  font-size:clamp(12px,.3vw + 9px,14px)!important;line-height:1.35;
}
#view-inicio .arena-mini-data-copy small {font-size:var(--readable-meta)!important;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
#view-inicio .arena-mini-data-end {font-size:clamp(11px,.25vw + 9px,13px)!important;line-height:1.3}
#view-inicio .arena-mini-data-end small {font-size:11px!important}
#view-inicio .arena-mini-shop-row img {width:32px;height:42px}
#view-inicio .arena-tile-empty {font-size:clamp(12px,.28vw + 9px,14px)!important;line-height:1.6;padding:13px 9px}
#view-inicio .arena-mini-ranking :is(.lobby-leader-name,.lobby-leader-name small,.lobby-leader-rating,.lobby-leader-rating small) {font-size:var(--readable-meta)!important;line-height:1.35}
#view-inicio .md-home-event-row :is(strong,small,.md-home-event-badge) {font-size:var(--readable-meta)!important;line-height:1.4}
#view-inicio .arena-profile-eyebrow {font-size:var(--readable-meta)!important}
#view-inicio .arena-profile-username {font-size:clamp(16px,1.1vw,20px)!important}
#view-inicio .arena-profile-stat :is(span,strong) {font-size:clamp(12px,.4vw + 10px,16px)!important}
#view-inicio .arena-profile-stat strong small {font-size:var(--readable-meta)!important}
#view-inicio .arena-home-footer {font-size:var(--readable-detail)!important;line-height:1.45}
#view-inicio .md-home-section-head h2 {font-size:var(--readable-heading)!important}
#view-inicio .md-home-panel-head h2 {font-size:clamp(20px,1.7vw,30px)!important}
#view-inicio :is(.md-home-news-card p,.md-home-roadmap-copy p,.md-home-news-card small,.md-home-roadmap-copy small,.md-home-panel-footer small) {font-size:var(--readable-detail)!important;line-height:1.6}
#view-inicio :is(.md-home-news-card h3,.md-home-roadmap-copy strong,.md-home-news-card strong) {font-size:clamp(15px,.5vw + 10px,18px)!important;line-height:1.45;overflow-wrap:anywhere}

/* Banlist: aumentar legendas, não o tamanho relativo da arte. */
#view-inicio .md-home-banlist-stat small {font-size:clamp(11px,.27vw + 9px,13px)!important}
#view-inicio .md-home-banlist-copy strong,
#home-banlist-modal .md-home-banlist-copy strong {font-size:clamp(12px,.3vw + 9px,14px)!important;line-height:1.4}
#view-inicio .md-home-banlist-copy small,
#home-banlist-modal .md-home-banlist-copy small {font-size:clamp(11px,.25vw + 9px,12px)!important;line-height:1.4}
#home-banlist-modal .home-banlist-controls label,
#home-banlist-modal .home-banlist-results-count {font-size:var(--readable-detail)!important}
#home-banlist-modal #home-banlist-search,
#home-banlist-modal [data-home-banlist-filter] {font-size:14px!important;min-height:42px}
#view-torneios :is(.tournament-banlist-header p,.tournament-banlist-results-count,.tournament-banlist-entry-info small,.tournament-banlist-copies,.tournament-banlist-footer) {font-size:var(--readable-detail)!important;line-height:1.5}
#view-torneios :is(.tournament-banlist-entry-info strong,.tournament-banlist-entry-status,.tournament-banlist-filter,.tournament-banlist-toggle) {font-size:clamp(12px,.32vw + 9px,14px)!important;line-height:1.35}
#view-torneios .tournament-banlist-search-label input {font-size:14px!important;min-height:43px}

/* Tabelas, cartas de informação, ranking, perfis e clãs. */
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.ranking-season-heading p,.ranking-season-stat small,.ranking-table-row small,.rank-row small,.rank-caption,.clan-hub-rank-row small,.profile-summary-stat small,.profile-recent-item small,.tournament-card p,.tournament-detail-panel p,.pack-vitrine-content p,.market-page-heading p,.market-pack-copy p) {
  font-size:var(--readable-detail)!important;line-height:1.6;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.rank-row strong,.ranking-player-name,.clan-hub-rank-row strong,.profile-recent-item strong,.tournament-card h3,.pack-vitrine-content h3,.market-pack-copy h3) {
  font-size:clamp(14px,.42vw + 10px,17px)!important;line-height:1.45;overflow-wrap:anywhere;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.market-tabs button,.market-tab,.tournament-banlist-card-btn,.tournament-open-btn) {font-size:var(--readable-control)!important;min-height:42px}
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.view:not(#view-decks):not(#view-duelo) input,.view:not(#view-decks):not(#view-duelo) select,.view:not(#view-decks):not(#view-duelo) textarea) {
  font-size:clamp(14px,.36vw + 10px,16px)!important;
  min-height:42px;
}

/* Responsividade real, sem transbordamento horizontal. */
body:not(.duel-immersive):not(.deckbuilder-immersive) :is(.arena-home-layout,.arena-home-main,.arena-home-aside,.arena-tile,.md-home-panel,.ranking-season-shell,.market-page,.tournament-card) {min-width:0}
@media(max-width:1280px) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-layout{grid-template-columns:minmax(0,1fr) minmax(210px,24%)}
  #view-inicio .arena-home-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation{gap:6px}
}
@media(max-width:1080px) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-navigation{
    display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
  }
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button{flex:0 0 115px;min-height:78px;scroll-snap-align:start}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-icon{width:30px;height:30px}
}
@media(max-width:980px) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-home-layout{grid-template-columns:minmax(0,1fr)}
  #view-inicio .arena-home-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  #view-inicio .arena-home-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  #home-banlist-modal .md-home-banlist-modal-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .main-area{max-width:100%;padding-inline:clamp(10px,3vw,18px)!important}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button{flex:0 0 112px;min-height:78px}
  #view-inicio .arena-home-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #view-inicio .arena-home-aside{display:flex}
  #view-inicio .arena-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-inicio .arena-home-stats article{padding:10px;min-width:0}
  #view-inicio .arena-home-stats strong{font-size:clamp(20px,4.8vw,25px)!important}
  #view-inicio .arena-tile{min-height:265px}
  #view-inicio .arena-mini-data-row{grid-template-columns:29px minmax(0,1fr);gap:8px}
  #view-inicio .arena-mini-data-end{grid-column:2;text-align:left;white-space:normal}
  #view-inicio .arena-mini-data-icon{width:29px;height:33px}
  #view-inicio .arena-home-news .md-home-news-grid{grid-template-columns:1fr}
  #view-inicio .md-home-intel-grid{grid-template-columns:1fr}
  #home-banlist-modal .md-home-banlist-modal-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px) {
  #view-inicio .arena-home-five{grid-template-columns:1fr}
  #view-inicio .arena-tile{min-height:unset;padding:14px}
  #view-inicio .arena-mini-data-row{grid-template-columns:34px minmax(0,1fr) auto;gap:9px}
  #view-inicio .arena-mini-data-end{grid-column:auto;text-align:right}
  #view-inicio .arena-home-stats article{gap:7px}
  #view-inicio .arena-home-stats small{font-size:11px!important;line-height:1.28}
  #view-inicio .arena-home-stats strong{font-size:clamp(18px,5vw,23px)!important}
  #view-inicio .arena-welcome{padding-inline:14px}
  #view-inicio .arena-welcome-content h2{font-size:clamp(26px,8vw,35px)!important;line-height:1.15}
  #view-inicio .md-home-section-head h2{font-size:clamp(22px,6vw,29px)!important}
  #home-banlist-modal .md-home-banlist-modal-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-inicio .md-home-banlist-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-inicio .arena-home-footer{font-size:12px!important}
}
@media(max-width:370px) {
  #view-inicio .arena-home-stats{grid-template-columns:1fr 1fr}
  #view-inicio .arena-home-stats article{padding:8px;gap:5px}
  #view-inicio .arena-stat-glyph{flex:0 0 26px;width:26px;height:28px}
  #view-inicio .arena-mini-data-row{grid-template-columns:32px minmax(0,1fr)}
  #view-inicio .arena-mini-data-end{grid-column:2;text-align:left}
}
@media (prefers-reduced-motion:reduce) {
  body:not(.duel-immersive):not(.deckbuilder-immersive) .arena-nav-button{scroll-behavior:auto}
}

/* Cabeçalho financeiro: legibilidade sem microtextos de 6–8 px. */
body:not(.duel-immersive):not(.deckbuilder-immersive) .user-wallet-inline-copy small {
  font-size:clamp(9px,.18vw + 8px,11px)!important;line-height:1.25;
  letter-spacing:.04em;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) .user-wallet-inline-copy strong {
  font-size:clamp(11px,.25vw + 9px,13px)!important;line-height:1.25;
  font-variant-numeric:tabular-nums;
}
body:not(.duel-immersive):not(.deckbuilder-immersive) #logout-btn {font-size:clamp(11px,.26vw + 9px,13px)!important;min-height:36px}
#view-inicio .arena-mini-ranking .lobby-leader-name button {
  font-size:clamp(12px,.25vw + 9px,14px)!important;
  line-height:1.4;
}
#view-inicio .arena-mini-ranking .lobby-leader-row {gap:7px;padding:7px;grid-template-columns:22px 29px minmax(0,1fr)}
#view-inicio .arena-mini-ranking .lobby-leader-rating {font-size:clamp(11px,.2vw + 9px,13px)!important}
#view-inicio .arena-mini-ranking {overflow:visible}
@media (max-width:520px){
  body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar {
    height:auto!important;min-height:90px!important;
    flex-wrap:wrap;padding-top:9px!important;padding-bottom:9px!important;
  }
  body:not(.duel-immersive):not(.deckbuilder-immersive) .topbar-actions {width:100%;justify-content:flex-end}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .user-actions {width:100%;max-width:none;gap:7px}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .user-wallet-inline {max-width:100%}
  body:not(.duel-immersive):not(.deckbuilder-immersive) .user-wallet-inline-copy strong {font-size:11px!important}
  body:not(.duel-immersive):not(.deckbuilder-immersive) #logout-btn {font-size:11px!important;min-height:34px}
}
/* Acesso/login segue a mesma escala de leitura (sem alterar o formulário). */
body.login-page :is(.legend-copy p,.panel-heading p,.login-panel p,.login-legend p) {
  font-size:clamp(14px,.4vw + 10px,16px)!important;line-height:1.65;
}
body.login-page :is(.login-panel label,.login-panel input,.login-panel button,.login-tab,.login-submit) {
  font-size:clamp(14px,.3vw + 11px,16px)!important;line-height:1.4;
}