/* LevelUP Tale - 2026 | identidade visual da logo: azul, dourado e branco */
:root {
  --lu-bg: #010713;
  --lu-bg-soft: #031126;
  --lu-panel: #051a33;
  --lu-panel-2: #082746;
  --lu-panel-3: #0b3358;
  --lu-blue: #159de7;
  --lu-blue-light: #6ed5ff;
  --lu-gold: #d9aa3d;
  --lu-gold-light: #ffdb73;
  --lu-white: #f6f9ff;
  --lu-muted: #9bb7cf;
  --lu-line: rgba(217,170,61,.52);
}
* { box-sizing: border-box; }
html, body { background: var(--lu-bg) !important; color: var(--lu-white) !important; }
body { scrollbar-color: #0b4b7b #020b18; }
::-webkit-scrollbar-track { background: #020b18 !important; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#0f6ca8,#d9aa3d) !important; box-shadow: none !important; }
#main-content { background: transparent !important; }
#main-content:before { display:none !important; content:none !important; }
.videobg { background-color: var(--lu-bg) !important; }
.videobg__bordser { background: linear-gradient(180deg,rgba(1,7,19,.12),rgba(1,7,19,.82)) !important; }
.videobg-inner { width: 100% !important; height: 720px !important; background: radial-gradient(circle at 50% 20%,rgba(17,108,177,.25),transparent 48%),linear-gradient(180deg,#031426,#010713) !important; }
.videobg-inner .videobg__video { display: none !important; }
.videobg-inner:before,.videobg-inner:after { background: linear-gradient(180deg,transparent,#010713) !important; }

/* Menu: mantém as laterais inclinadas, sem cortar o primeiro e o último item */
#main-menu { z-index: 500 !important; }
#main-menu .wrapper { overflow: visible !important; }
#main-menu .wrapper .menu-box {
  overflow: visible !important;
  background: linear-gradient(180deg,rgba(4,24,46,.99),rgba(2,12,27,.99)) !important;
  border-top: 1px solid rgba(73,177,237,.32) !important;
  border-bottom: 1px solid var(--lu-gold) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.44) !important;
}
#main-menu .wrapper .menu-box ul.navi li a { color: var(--lu-white) !important; text-shadow: 0 1px 2px #000 !important; z-index: 1; }
#main-menu .wrapper .menu-box ul.navi li a:before {
  display: block !important;
  content: '' !important;
  visibility: hidden !important;
  opacity: 0 !important;
  left: -12px !important;
  right: -12px !important;
  top: 4px !important;
  bottom: 4px !important;
  border-radius: 4px !important;
  transform: skewX(-18deg) !important;
  background: linear-gradient(180deg,rgba(11,68,113,.96),rgba(4,34,67,.98)) !important;
  border-left: 1px solid rgba(110,213,255,.5) !important;
  border-right: 1px solid rgba(217,170,61,.8) !important;
  box-shadow: inset 0 -2px 0 rgba(217,170,61,.86),0 0 15px rgba(21,157,231,.16) !important;
  pointer-events: none !important;
}
#main-menu .wrapper .menu-box ul.navi li a:hover:before,
#main-menu .wrapper .menu-box ul.navi li a.active:before { visibility: visible !important; opacity: 1 !important; }
#main-menu .wrapper .menu-box .inner { padding-left:14px !important; padding-right:14px !important; }
#main-menu .wrapper .menu-box ul.navi:first-child li:first-child a:before { left:-10px !important; }
#main-menu .wrapper .menu-box ul.navi:last-child li:last-child a:before { right:-10px !important; }
#main-menu .wrapper .menu-box ul.navi li a:hover,
#main-menu .wrapper .menu-box ul.navi li a.active { color: var(--lu-gold-light) !important; }
#main-menu.fixed { background: rgba(2,12,27,.99) !important; border-bottom: 1px solid var(--lu-gold) !important; }

/* Cabeçalho */
.header .flex-top .timerhello,
.header .flex-bottom .status .item .ico-status,
.header .flex-bottom .status .item .child {
  background: linear-gradient(180deg,rgba(7,38,72,.97),rgba(2,16,34,.98)) !important;
  border: 1px solid var(--lu-line) !important;
  box-shadow: inset 0 0 20px rgba(21,157,231,.08),0 8px 18px rgba(0,0,0,.24) !important;
}
.header .flex-top .timerhello .title span,.header .flex-bottom .status .item .child .title { color: var(--lu-gold-light) !important; }
.header .flex-top .timerhello .title p,.header .flex-bottom .status .item .child .online { color: var(--lu-blue-light) !important; }
.header .flex-bottom .status .item .child .load .line { background: linear-gradient(90deg,#0d68a6,#65d5ff,#d9aa3d) !important; }

/* Conteúdo interno: elimina todo marrom da base */
.content .content-about {
  background: linear-gradient(145deg,rgba(4,22,42,.98),rgba(1,10,23,.99)) !important;
  border: 1px solid var(--lu-line) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.36),inset 0 0 45px rgba(21,157,231,.025) !important;
}
.content .content-about .about-title span,.content-title,
.content .content-about .flex-about .right-side .about-tab .tab-title span { color: var(--lu-gold-light) !important; text-shadow: 0 0 14px rgba(21,157,231,.16) !important; }
.content .content-about .about-title p,
.content .content-about .flex-about .left-side ul li a .text .t2,
.content .content-about .flex-about .right-side .about-tab .tab-title p { color: var(--lu-muted) !important; }
.content .content-about .flex-about { align-items: flex-start !important; }
.content .content-about .flex-about .left-side,
.content .content-about .flex-about .mobile-side {
  background: linear-gradient(180deg,rgba(7,35,65,.98),rgba(2,17,34,.99)) !important;
  border: 1px solid rgba(72,169,228,.32) !important;
}
.content .content-about .flex-about .left-side { margin-bottom: 0 !important; align-self: flex-start !important; }
.content .content-about .flex-about .left-side ul li { border-bottom-color: rgba(100,177,224,.18) !important; }
.content .content-about .flex-about .left-side ul li a .text .t1 { color: var(--lu-white) !important; }
.content .content-about .flex-about .left-side ul li a:before { background: linear-gradient(90deg,rgba(15,89,145,.62),rgba(5,42,78,.45)) !important; }
.content .content-about .flex-about .left-side ul li a.active:after { background: var(--lu-gold-light) !important; }
.content .content-about .flex-about .right-side .about-tab { color: #e8f4ff !important; }
.content .content-about .flex-about .right-side .about-tab a { color: var(--lu-gold-light) !important; }
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child,
.content .content-about .flex-about .right-side .about-tab .flex-block-list .itemNK .child,
.content .content-about .flex-about .right-side .about-tab .inner-tabs li a,
.content .content-about .server-tabs li a {
  background: linear-gradient(145deg,rgba(6,29,55,.97),rgba(2,15,31,.99)) !important;
  border-color: rgba(70,166,225,.28) !important;
  color: var(--lu-white) !important;
}
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .img,
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .img2 { background: #031124 !important; border-color: rgba(217,170,61,.48) !important; }
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc .title,
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc ul span { color: var(--lu-white) !important; }
.content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc ul li { color: var(--lu-muted) !important; text-shadow: none !important; }

/* Página inicial */
.content .flex-content .left-side .news-box .news,
.content .flex-content .left-side .news-box .news .frame,
.content .flex-content .left-side .news-box .more-news,
.content .flex-content .right-side .ranked-box .box,
.content .flex-content .right-side .forum-topic .item,
.content .flex-content .right-side .nav-list li a {
  background: linear-gradient(145deg,rgba(6,29,55,.95),rgba(2,14,29,.98)) !important;
  border-color: rgba(69,164,223,.3) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25),inset 0 0 20px rgba(21,157,231,.03) !important;
}
.content .flex-content .right-side .nav-list li a:hover,.content .flex-content .right-side .forum-topic .item:hover { border-color: var(--lu-blue) !important; box-shadow: 0 0 18px rgba(21,157,231,.22) !important; }
.content .flex-content .right-side .nav-list li a .text,.content .flex-content .right-side .ranked-box .box .title,.main-articles__item-title { color: var(--lu-gold-light) !important; }
.content .flex-content .right-side .ranked-box .box table th { color: var(--lu-blue-light) !important; }
.content .flex-content .right-side .ranked-box .box table td { color: #e8f4ff !important; }
.all-btn,.more-news { border-color: var(--lu-gold) !important; color: var(--lu-gold-light) !important; background: rgba(4,29,55,.76) !important; }

/* Formulários e tabelas */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea {
  background: #061a32 !important; border: 1px solid rgba(217,170,61,.55) !important; color: var(--lu-white) !important;
}
.levelup-panel { background: linear-gradient(145deg,#061a32,#021025) !important; border: 1px solid var(--lu-line) !important; border-radius: 9px !important; padding: 16px !important; box-shadow: 0 12px 30px rgba(0,0,0,.3) !important; }
.levelup-table-wrap { overflow-x: auto !important; }
.levelup-table { width: 100% !important; border-collapse: collapse !important; min-width: 720px !important; }
.levelup-table th { padding: 14px 12px !important; text-align: left !important; color: var(--lu-gold-light) !important; background: linear-gradient(180deg,#0a3157,#051b35) !important; border-bottom: 1px solid var(--lu-line) !important; }
.levelup-table td { padding: 13px 12px !important; border-bottom: 1px solid rgba(82,160,218,.16) !important; color: #e6f2fc !important; }
.levelup-table tr:nth-child(even) td { background: rgba(10,52,89,.28) !important; }
.levelup-table td strong { display: block !important; color: var(--lu-blue-light) !important; }
.levelup-table td span { display: block !important; color: var(--lu-muted) !important; font-size: 12px !important; margin-top: 3px !important; }
.levelup-empty,.levelup-rank-empty { text-align: center !important; color: var(--lu-muted) !important; padding: 22px !important; }

/* Histórico por botões de data */
.history-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; padding: 12px 14px; background: linear-gradient(180deg,#082846,#04172e); border: 1px solid rgba(73,169,226,.3); border-radius: 8px; }
.history-nav .history-date { min-width: 190px; text-align: center; }
.history-nav .history-date strong { display: block; color: var(--lu-gold-light); font-size: 18px; }
.history-nav .history-date span { color: var(--lu-muted); font-size: 12px; }
.history-nav a,.history-nav .history-disabled { display: inline-flex; align-items: center; justify-content: center; min-width: 145px; height: 40px; padding: 0 14px; border: 1px solid var(--lu-gold); border-radius: 6px; background: linear-gradient(180deg,#0b3a65,#052242); color: var(--lu-white) !important; text-decoration: none !important; font-weight: bold; }
.history-nav a:hover { color: var(--lu-gold-light) !important; border-color: var(--lu-blue-light); }
.history-nav .history-disabled { opacity: .35; cursor: default; }
.history-count { margin: 0 0 12px; color: var(--lu-muted); text-align: right; }
.history-count strong { color: var(--lu-gold-light); }

/* Ranking */
.levelup-ranking-page .content-about { padding-bottom: 28px !important; }
.levelup-ranking-page .flex-about .left-side { max-width: 300px !important; }
.levelup-ranking-page .flex-about .right-side { min-width: 0 !important; }
.levelup-ranking-page .flex-block-list,.levelup-ranking-page .itemNK,.levelup-ranking-page .itemNK .child,.levelup-ranking-page .itemNK .desc { margin: 0 !important; width: 100% !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.rank-frame { display: block; width: 100%; height: 260px; border: 0; overflow: hidden; background: transparent; }

/* Rodapé: sem área marrom e sem logo gigante */
.footer { border-top: 1px solid rgba(217,170,61,.48) !important; background: linear-gradient(180deg,rgba(2,10,23,.4),#010713) !important; }
.footer .menu-list li a,.footer .flex-box .text a { color: var(--lu-gold-light) !important; }
.footer .menu-list li a:before { background: var(--lu-blue) !important; }
.footer .flex-box .text { color: #7089a0 !important; }
.footer .flex-box .img { padding: 0 55px !important; }
.footer .flex-box .img img { width: 150px !important; max-height: 95px !important; object-fit: contain !important; }

@media (max-width:1100px) {
  #main-menu .wrapper .menu-box { background: rgba(2,12,27,.99) !important; }
  #main-menu .wrapper .menu-box ul.navi li a { background: #061a32 !important; color: var(--lu-white) !important; padding-left: 8px !important; }
  #main-menu .wrapper .menu-box ul.navi li a:before { display: none !important; }
  #main-menu .wrapper .menu-box ul.navi li a:hover,#main-menu .wrapper .menu-box ul.navi li a.active { background: #0a3b68 !important; color: var(--lu-gold-light) !important; }
  .content .content-about .flex-about { align-items: stretch !important; }
  .levelup-ranking-page .flex-about .left-side { max-width: none !important; }
}
@media (max-width:700px) {
  .history-nav a,.history-nav .history-disabled { min-width: 110px; }
  .history-nav .history-date { order: -1; width: 100%; }
}


/* Ajustes finais: nenhum bloco marrom herdado da base */
body.levelup-page, body.levelup-page #main-content { background:#010713 !important; }
body.levelup-page #main-content:before { display:none !important; content:none !important; background:none !important; }
body.levelup-page .content .content-about,
body.levelup-page .content .content-about .flex-about .left-side,
body.levelup-page .content .content-about .flex-about .mobile-side,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .itemNK .child,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .child,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .inner-tabs li a,
body.levelup-page .levelup-panel {
 background:linear-gradient(145deg,#061c37 0%,#020d20 68%,#010713 100%) !important;
 border-color:rgba(224,177,66,.58) !important;
 color:#f6f9ff !important;
}
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .itemNK .child .desc { color:#dcecff !important; }
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc p,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc li,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc ul { color:#b8cde0 !important; }
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc .title,
body.levelup-page .content .content-about .flex-about .right-side .about-tab .flex-block-list .item .child .desc ul > span { color:#ffda69 !important; }
body.levelup-page .footer { position:relative; z-index:3; background:#010713 !important; }
body.levelup-page .footer:after { display:none !important; content:none !important; }
body.levelup-page .footer .go-top-btn .block .gtb-btn:before,
body.levelup-page .footer .go-top-btn .block .gtb-btn:after { background:rgba(66,142,197,.22) !important; }
body.levelup-page .footer .go-top-btn .block .gtb-btn { background-color:#06162b !important; }
body.levelup-page .footer .flex-box .img a { pointer-events:none; }

/* Menu alinhado e com as duas laterais inclinadas no hover/ativo */
#main-menu .wrapper .menu-box .inner { max-width:1200px !important; overflow:visible !important; }
#main-menu .wrapper .menu-box ul.navi li { overflow:visible !important; }
#main-menu .wrapper .menu-box ul.navi li a { overflow:visible !important; isolation:isolate; }
#main-menu .wrapper .menu-box ul.navi li a:before { z-index:-1 !important; left:-10px !important; right:-10px !important; }
#main-menu .wrapper .menu-box ul.navi:first-child li:first-child a:before { left:-10px !important; }
#main-menu .wrapper .menu-box ul.navi:last-child li:last-child a:before { right:-10px !important; }

/* Ranking: coluna lateral termina junto do menu e conteúdo não estoura */
.levelup-ranking-page .content-about { min-height:0 !important; padding-bottom:28px !important; }
.levelup-ranking-page .flex-about { align-items:flex-start !important; }
.levelup-ranking-page .flex-about .left-side { height:auto !important; min-height:0 !important; margin-bottom:0 !important; align-self:flex-start !important; }
.levelup-ranking-page .flex-about .right-side { flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
.levelup-ranking-page .flex-about .right-side .about-tab { min-height:0 !important; }
.levelup-ranking-page .flex-block-list .itemNK,
.levelup-ranking-page .flex-block-list .itemNK .child,
.levelup-ranking-page .flex-block-list .itemNK .child .desc { height:auto !important; min-height:0 !important; }
.rank-frame { min-height:145px !important; background:transparent !important; }

/* Página de histórico mais compacta */
.levelup-history-page .content-about { padding-bottom:28px !important; }
.history-nav { padding:10px 12px !important; }
.history-nav a,.history-nav .history-disabled { min-width:160px; }

@media (max-width:1100px){
 #main-menu .wrapper .menu-box .inner { padding-left:0 !important; padding-right:0 !important; }
 #main-menu .wrapper .menu-box ul.navi li a:before { display:none !important; }
}

.history-item-line{display:flex;align-items:center;gap:10px}.history-item-image{width:34px;height:34px;object-fit:contain;image-rendering:auto;background:#03162c;border:1px solid rgba(224,177,66,.45);border-radius:5px;padding:2px}

/* v8 - item do histórico sempre em uma única linha */
.levelup-history-page .levelup-table td:nth-child(3){white-space:nowrap!important}
.history-item-line{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;white-space:nowrap!important;vertical-align:middle!important}
.history-item-image{display:block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;object-fit:contain!important;background:#03162c!important;border:1px solid rgba(224,177,66,.72)!important;border-radius:5px!important;padding:2px!important}
.history-item-name{display:inline-block!important;white-space:nowrap!important;color:#eaf6ff!important;font-weight:600!important}