/* V35 — Full Site Final QA */
:root{
  --v35-gold:#e9bd63;
  --v35-gold-2:#b97924;
  --v35-red:#8b1e1e;
  --v35-bg:#050912;
  --v35-card:rgba(8,14,23,.84);
  --v35-border:rgba(233,189,99,.22);
}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}

/* Remove elementos antigos sem função visual */
.cursor-dot,.cursor-ring,#cursorDot,#cursorRing,#particles-canvas,
.pro-floating-cta,.floating-cta,.old-floating-dot,.swiper-pagination-bullet:empty{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Menu global mais estável */
html body .nav{position:relative!important;top:auto!important;z-index:60;}
html body .nav .content-area{max-width:1360px;gap:18px;}
html body .nav__links{gap:4px 8px;flex-wrap:wrap;justify-content:center;}
html body .nav__links-item a{white-space:nowrap;letter-spacing:.08em;}
html body .nav .button{min-width:max-content;white-space:nowrap;}
html body .nav-login-btn span{letter-spacing:.08em;}

/* Área padrão: melhor aproveitamento em desktop e notebook */
html body .content-area{width:min(1360px,calc(100% - 40px));}
html body .section{overflow:hidden;}
html body .section__title-center-big,
html body .pro-title,
html body .v21-hero h1{
  text-wrap:balance;
}

/* Cards e botões com leitura mais consistente */
html body .pro-card,
html body .v21-news-card,
html body .v21-news-item,
html body .dk-card,
html body .account-glass-card,
html body .download-step,
html body .events-card,
html body .cash-card,
html body .wiki__content,
html body .wiki__nav{
  box-shadow:0 22px 55px rgba(0,0,0,.26);
}
html body .button,
html body .pro-btn,
html body .cash-btn,
html body .events-btn,
html body .account-primary-btn,
html body .btn-panel,
html body .btn-panel-outline{
  transform:translateZ(0);
}
html body .button:hover,
html body .pro-btn:hover,
html body .cash-btn:hover,
html body .events-btn:hover,
html body .account-primary-btn:hover,
html body .btn-panel:hover,
html body .btn-panel-outline:hover{
  filter:brightness(1.06) saturate(1.04);
}

/* Home: seções mais alinhadas */
html body .pro-grid,
html body .pro-events-grid,
html body .pro-news .pro-grid{
  align-items:stretch;
}
html body .pro-news-card,
html body .pro-event-card{
  min-height:320px;
}
html body .pro-event-card .pro-event-content,
html body .pro-news-card .pro-news-content{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

/* Download: melhor espaçamento lateral */
html body .download-layout{
  gap:26px!important;
}
html body .download-step{
  min-height:100%;
}
html body .download-actions{
  gap:12px!important;
  flex-wrap:wrap;
}

/* Ranking: proporção mais limpa */
html body .ranking-game-page,
html body .v21-page{
  background-color:#050913;
}
html body .ranking-game-board,
html body .ranking-direct-shell{
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}
html body .ranking-game-tabs button,
html body .v21-ranking-tabs button{
  min-height:44px;
}

/* Account/auth pages: remover aparência de protótipo */
html body .account-page{background-color:#050912;}
html body .account-auth-card h1,
html body .account-benefits h2{letter-spacing:.04em;}
html body .account-form label{color:rgba(255,255,255,.86);}
html body .account-form input,
html body .account-form select,
html body .account-form textarea{
  font-size:15px;
}
html body footer .content-area{color:rgba(255,255,255,.55);}

/* Painel: QA final para não estourar em telas médias */
html body .dk-panel-v27,
html body .dk-panel-v29{
  max-width:1480px;
  margin-left:auto;
  margin-right:auto;
  padding-right:86px;
}
html body .dk-panel-main{min-width:0;}
html body .dk-overview-grid,
html body .dk-stats-grid,
html body .dk-character-grid,
html body .dk-cash-grid,
html body .dk-security-grid,
html body .dk-support-grid{
  align-items:stretch;
}
html body .dk-panel-v27 input,
html body .dk-panel-v27 select,
html body .dk-panel-v27 textarea,
html body .dk-panel-v27 button{
  font-family:inherit;
}
html body .dk-sidebar-nav button,
html body .dk-sidebar-footer a{
  line-height:1.2;
}
html body .dk-player-hero,
html body .dk-panel-card,
html body .dk-character-card,
html body .dk-cash-wallet,
html body .dk-security-card,
html body .dk-ticket-card{
  border-color:rgba(233,189,99,.22)!important;
}

/* Botões flutuantes: sem sobrepor conteúdo */
html body .back-to-top,
html body [data-back-to-top]{
  right:24px!important;
  bottom:102px!important;
  z-index:120!important;
}
html body .floating-discord,
html body .float-discord,
html body [data-floating-discord]{
  right:24px!important;
  bottom:34px!important;
  z-index:119!important;
}

@media (max-width: 1180px){
  html body .content-area{width:min(100% - 28px,1160px);}
  html body .nav .content-area{gap:12px;}
  html body .nav__links-item a{font-size:12px;letter-spacing:.06em;}
  html body .dk-panel-v27,
  html body .dk-panel-v29{padding-right:76px;}
}

@media (max-width: 991px){
  html body .nav__links{display:none!important;}
  html body .nav__langs{display:none!important;}
  html body .nav .button{height:44px;padding:0 15px;}
  html body .content-area{width:calc(100% - 24px);}
  html body .v21-featured-news,
  html body .v21-news-layout,
  html body .download-layout,
  html body .pro-grid,
  html body .pro-grid-3,
  html body .pro-events-grid{
    grid-template-columns:1fr!important;
  }
  html body .dk-panel-v27,
  html body .dk-panel-v29{
    padding-right:0;
  }
  html body .back-to-top,
  html body [data-back-to-top]{right:18px!important;bottom:96px!important;}
  html body .floating-discord,
  html body .float-discord,
  html body [data-floating-discord]{right:18px!important;bottom:28px!important;}
}

@media (max-width: 640px){
  html body .nav .content-area{width:calc(100% - 18px);}
  html body .nav .button.nav-login-btn{display:none!important;}
  html body .nav .button span{font-size:11px;}
  html body .section__title-center-big{font-size:clamp(28px,10vw,44px)!important;}
  html body .v21-hero{padding:70px 0 54px;}
  html body .v21-hero h1{font-size:clamp(34px,13vw,52px);}
  html body .pro-news-card,
  html body .pro-event-card,
  html body .v21-news-card{min-height:280px!important;padding:22px!important;}
  html body .account-auth-grid,
  html body .account-auth-grid-wide{grid-template-columns:1fr!important;}
  html body .dk-player-hero{padding:22px!important;}
  html body .dk-panel-v27{padding-left:12px!important;padding-right:12px!important;}
  html body .back-to-top,
  html body .floating-discord,
  html body .float-discord{width:48px!important;height:48px!important;}
}