:root{
  --bg:#f3f4f6;--surface:#fff;--line:#e5e7eb;--ink:#111827;--muted:#6b7280;
  --primary:#1c64f2;--primary-dark:#1a56db;--gold:#f59e0b;--ok:#16a34a;--bad:#dc2626;--r:10px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--primary)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.small{font-size:.85rem}
.nowrap{white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}

/* topo */
.top{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.top .wrap{display:flex;align-items:center;gap:24px;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none}
.brand::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--primary)}
nav{display:flex;gap:4px;margin-left:auto}
nav a{padding:6px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.95rem}
nav a:hover{color:var(--ink);background:var(--bg)}
main{padding:28px 0 72px}

/* títulos */
h1{font-size:1.6rem;line-height:1.2;letter-spacing:-.01em;margin:0 0 4px}
h2{font-size:1.1rem;margin:36px 0 12px}
h3{font-size:1rem;margin:0 0 4px}
.sub{color:var(--muted);margin:0}
.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.sec{display:flex;align-items:center;gap:10px;margin:32px 0 12px;font-size:1.05rem}
.sec::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--primary)}

/* TOP 5 */

/* barra de jogadores */
.pbar{display:flex;align-items:center;gap:12px;min-width:120px}
.ptrack{flex:1 1 50px;max-width:90px;height:8px;border-radius:99px;background:#e5e7eb;overflow:hidden}
.ptrack i{display:block;height:100%;border-radius:99px;background:var(--ok)}
.pbar.mid .ptrack i{background:var(--gold)}
.pbar.hi .ptrack i{background:var(--bad)}
.pmeta{flex:none;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}
.pbar.off .pmeta{color:var(--muted)}

/* selos */
.badge{display:inline-block;margin-left:6px;padding:0 8px;border-radius:99px;font-size:.72rem;font-weight:600;border:1px solid var(--line);color:var(--muted);vertical-align:middle}
.b-fixo{background:var(--gold);border-color:var(--gold);color:#fff}
.b-semanal{border-color:var(--primary);color:var(--primary)}
.b-vip{background:var(--bg);color:var(--ink)}

/* tabelas */
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f9fafb}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#f9fafb}
.nm{max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.addr{text-decoration:none}
.addr:hover{text-decoration:underline}
.copy{margin-left:6px;padding:0;font:inherit;font-size:.8rem;color:var(--muted);background:none;border:0;cursor:pointer}
.copy:hover{color:var(--primary)}

/* busca e paginação */
.list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.searchbar{display:flex;flex-wrap:wrap;gap:8px}
.searchbar input,.searchbar select{width:auto;margin:0;min-width:200px}
.totals{color:var(--muted);font-size:.95rem}
.totals b{color:var(--ink)}
.pager{display:flex;flex-wrap:wrap;gap:4px;margin-top:16px}
.pager a,.pager span{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none}
.pager a:hover{border-color:var(--primary);color:var(--primary)}
.pager .on{background:var(--primary);border-color:var(--primary);color:#fff}

/* botões */
.btn{display:inline-block;padding:9px 16px;font:inherit;font-weight:600;line-height:1.3;text-decoration:none;color:#fff;background:var(--primary);border:1px solid var(--primary);border-radius:8px;cursor:pointer}
.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn.ghost{background:var(--surface);color:var(--muted);border-color:var(--line)}
.btn.ghost:hover{color:var(--bad);border-color:var(--bad)}
input:focus,select:focus,.btn:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* formulários e cartões (login, painel, admin) */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.narrow{max-width:400px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.plans p{margin:4px 0}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
label{display:block;margin-bottom:14px;font-size:.9rem;color:var(--muted)}
input,select{display:block;width:100%;margin-top:4px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff;border:1px solid #d1d5db;border-radius:8px}
.row input,.row select{width:auto;margin:0;flex:1 1 180px}

/* avisos */
.flash{margin-bottom:16px;padding:10px 14px;border-radius:8px;border:1px solid #86efac;background:#f0fdf4;color:#166534}
.flash.erro{border-color:#fca5a5;background:#fef2f2;color:#991b1b}

@media(max-width:720px){
  .hide-sm{display:none}
  .top .wrap{gap:12px}
  nav a{padding:6px 8px;font-size:.9rem}
  .searchbar input,.searchbar select{flex:1 1 100%}
  .nm{max-width:200px}
}

/* linhas em destaque: cada uma com uma cor, pulsando suavemente */
.hl td{background-color:rgba(var(--c),.10);animation:hlpulse 3.4s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.7s)}
.hl td:first-child{box-shadow:inset 4px 0 0 rgb(var(--c))}
.hl .rank{display:inline-block;min-width:1.3em;margin-right:6px;font-weight:800;color:rgb(var(--c))}
.hl.empty td{animation:none;background:transparent}
.hl.empty td:first-child{box-shadow:inset 4px 0 0 var(--line)}
.hl.empty .rank{color:#cbd5e1}
@keyframes hlpulse{0%,100%{background-color:rgba(var(--c),.07)}50%{background-color:rgba(var(--c),.24)}}
@media(prefers-reduced-motion:reduce){.hl td{animation:none}}

/* tabelas de servidores: sem barra de rolagem; no celular viram cartões */
table.srvtbl{table-layout:fixed;width:100%}
.srvtbl .c-name{width:auto}.srvtbl .c-coins{width:56px}.srvtbl .c-addr{width:225px}.srvtbl .c-mode{width:84px}.srvtbl .c-map{width:100px}.srvtbl .c-pl{width:135px}
.srvtbl th,.srvtbl td{padding:8px 12px}
.srvtbl .nm{font-size:.95rem}
.srvtbl tr.clk{cursor:pointer}
.srvtbl td{overflow:hidden;text-overflow:ellipsis}
.srvtbl .nm{max-width:none}
.srvtbl .pbar{min-width:0}
@media(max-width:900px){
  .srvtbl,.srvtbl tbody,.srvtbl tr,.srvtbl td{display:block;width:100%}
  .srvtbl thead{display:none}
  .srvtbl tr{border-bottom:1px solid var(--line)}
  .srvtbl tr:last-child{border-bottom:0}
  .srvtbl td{padding:3px 14px;border:0;white-space:normal}
  .srvtbl td:first-child{padding-top:12px}
  .srvtbl td:last-child{padding-bottom:12px}
  .srvtbl tr.empty td:first-child{padding-bottom:12px}
  .srvtbl td:empty{display:none}
  .srvtbl td.hide-sm:not(:empty){display:block}
  .srvtbl td.coins::before{content:"Coins: ";font-weight:400;color:var(--muted)}
  .srvtbl td.mode::before{content:"Modo: ";color:var(--muted)}
  .srvtbl td.map::before{content:"Mapa: ";color:var(--muted)}
  .srvtbl .nm{white-space:normal}
}

/* meus servidores (painel): formulário e botões sempre alinhados */
.srv{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;margin-bottom:10px}
.srv > div{min-width:0;overflow-wrap:anywhere}
.srv .row{flex-wrap:nowrap}
.srv .row input{flex:0 0 120px;width:120px}
@media(max-width:720px){
  .srv{grid-template-columns:1fr}
  .srv .row{flex-wrap:wrap}
  .srv .row input{flex:1 1 120px}
}

/* detalhes do servidor (janela ao clicar) */
dialog.sd{border:0;border-radius:14px;padding:0;width:min(900px,calc(100% - 24px));max-height:calc(100vh - 32px);color:var(--ink);background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog.sd::backdrop{background:rgba(17,24,39,.55)}
.sd-in{padding:20px 22px 24px}
.sd-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.sd-head h3{margin:0;font-size:1.2rem;line-height:1.3;overflow-wrap:anywhere}
.sd-x{border:0;background:none;font-size:1.7rem;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.sd-x:hover{color:var(--ink)}
.sd-sub{color:var(--muted);margin-top:2px;font-size:.9rem}
.sd-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0 4px}
.sd-tile{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f9fafb;min-width:0}
.sd-tile b{display:block;font-size:1.2rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-tile span{color:var(--muted);font-size:.8rem}
.sd-h{margin:18px 0 8px;font-size:.95rem}
.sd-chart{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;background:#fff}
.sd-chart .g{stroke:#e5e7eb;stroke-width:1}
.sd-chart .t{fill:#6b7280;font-size:10px}
.sd-chart .a{fill:rgba(28,100,242,.12)}
.sd-chart .l{fill:none;stroke:var(--primary);stroke-width:2}
.sd-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sd-box{border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:320px}
.sd-box table{border:0;border-radius:0}
.sd-box th,.sd-box td{padding:7px 12px;font-size:.9rem}
@media(max-width:720px){.sd-cols{grid-template-columns:1fr}}

/* busca e filtro de modo no topo */
.nav-search{display:flex;gap:8px;flex:1 1 auto;max-width:560px}
.ns-field{position:relative;flex:1 1 auto;min-width:0}
.ns-field input{width:100%;margin:0;padding:8px 38px 8px 14px;font-size:.95rem;background:var(--bg);border:1px solid var(--line);border-radius:99px}
.ns-field button{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--muted);background:none;border:0;border-radius:50%;cursor:pointer}
.ns-field button:hover{color:var(--primary)}
.nav-search select{flex:0 0 auto;width:auto;max-width:170px;margin:0;padding:8px 12px;font-size:.95rem;background:var(--bg);border:1px solid var(--line);border-radius:99px}
@media(max-width:720px){
  .top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:8px}
  .nav-search{order:3;flex:1 1 100%;max-width:none}
  .nav-search select{max-width:130px}
}

/* linhas finas, de uma linha só: o nome ocupa o espaço que sobra; nome completo ao passar o mouse */
.srvtbl th,.srvtbl td{padding:7px 10px}
.srvtbl .nm{display:flex;align-items:center;gap:8px;max-width:none;white-space:nowrap;overflow:hidden;line-height:1.3}
.srvtbl .nt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srvtbl tr:not(.hl) .rank{flex:none;min-width:1.9em;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}
.srvtbl td.mode,.srvtbl td.map{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab{display:flex;align-items:center;gap:6px}
.ab .addr{flex:0 0 auto;min-width:20ch;font-size:.82rem}
.ab .copy{margin:0;flex:none;line-height:1}
@media(max-width:900px){   /* no celular os cartões têm a largura toda: o nome pode quebrar */
  .srvtbl .nm{white-space:normal;overflow:visible}
  .srvtbl .nt{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .srvtbl td.mode,.srvtbl td.map{white-space:normal}
  .srvtbl th,.srvtbl td{padding:3px 14px}
}

/* coluna de coins sem cortar: letras menores */
@media(min-width:901px){
  .srvtbl .c-coins{width:62px}
  .srvtbl th{font-size:.66rem;letter-spacing:.02em}
  .srvtbl th.c-coins,.srvtbl td.coins{padding-left:8px;padding-right:8px}
  .srvtbl td.coins{font-size:.9rem}
}

/* nome do servidor com letras menores (cabe mais do nome na linha) */
@media(min-width:901px){
  .srvtbl .nm{font-size:.75rem}
}

/* coins com o mesmo tamanho de letra do nome do servidor */
@media(min-width:901px){
  .srvtbl td.coins{font-size:.75rem}
}

/* mapa com letras menores para não cortar */
@media(min-width:901px){
  .srvtbl .c-map{width:108px}
  .srvtbl td.map{font-size:.72rem;padding-left:8px;padding-right:8px}
  .srvtbl th.c-map{padding-left:8px;padding-right:8px}
}

/* mover coins entre servidores (painel) */
.srv .move{grid-column:1/-1;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}
.srv .move select{flex:1 1 200px;max-width:340px}

/* admin: tabelas compactas, com busca e paginação */
.btn.sm{padding:5px 10px;font-size:.85rem}
.admtbl th,.admtbl td{padding:7px 12px}
.admfix{table-layout:fixed;min-width:820px}
.admfix td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admfix th.c-n{width:48px}.admfix th.c-ip{width:180px}.admfix th.c-st{width:110px}.admfix th.c-co{width:190px}.admfix th.c-ac{width:150px}
.admfix td .row{flex-wrap:nowrap;gap:6px}
.admfix td .row input{flex:none;width:84px;margin:0;padding:6px 8px}

/* gráfico de jogadores: indicador ao passar o mouse */
.sd-cw{position:relative}
.sd-chart{touch-action:pan-y;cursor:crosshair}
.sd-chart .hv{stroke:#9ca3af;stroke-width:1;stroke-dasharray:3 3}
.sd-chart .hd{fill:#fff;stroke:var(--primary);stroke-width:2}
.sd-chart .ld{fill:var(--primary)}
.sd-tip{position:absolute;z-index:2;pointer-events:none;padding:6px 10px;border-radius:8px;background:#111827;color:#fff;font-size:.78rem;line-height:1.35;text-align:center;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.25)}

/* compra de coins e preços */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.chk{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink);font-size:.95rem}
.chk input{width:auto;margin:0}
.chk-row{display:flex;flex-wrap:wrap;gap:10px 28px;margin:4px 0 14px}
.chk-row .chk{flex:0 0 auto;white-space:nowrap}
.promo{border-color:#f59e0b;background:#fffbeb}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.chip{padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;font-size:.9rem}
.chip:hover{border-color:var(--primary);color:var(--primary)}
.methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:8px 0 16px}
.method{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}
.method:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px rgba(28,100,242,.15)}
.method input{width:auto;margin:3px 0 0}
.quote{padding:12px 14px;margin:4px 0 14px;border:1px solid var(--line);border-radius:10px;background:#f9fafb}
.pixbox{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:10px}
.pixbox img{width:220px;height:220px;border:1px solid var(--line);border-radius:10px;background:#fff}
.pixbox textarea{width:100%;min-height:110px;margin:4px 0 10px;padding:10px;font:inherit;font-size:.8rem;font-family:ui-monospace,monospace;border:1px solid #d1d5db;border-radius:8px;resize:vertical}
@media(max-width:720px){.pixbox{grid-template-columns:1fr}.pixbox img{margin:0 auto}}
.st-paid{color:#166534}.st-pending{color:#b45309}.st-failed,.st-expired{color:var(--bad)}

/* botão Comprar coins no topo e logs */
nav a.nav-buy{background:var(--primary);color:#fff;font-weight:600}
nav a.nav-buy:hover{background:var(--primary-dark);color:#fff}
.logpre{margin:10px 0 0;padding:14px;max-height:520px;overflow:auto;border-radius:10px;background:#0f172a;color:#e5e7eb;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}


/* ---------- Páginas de acesso (login, cadastro, recuperar senha): tudo centralizado ---------- */
.auth-page main{padding:48px 0 72px}
.auth-page main .wrap{max-width:420px}
.auth{text-align:center}
.auth h1{margin-bottom:6px}
.auth .sub{margin-bottom:22px}
.auth .card{text-align:left;padding:26px;box-shadow:0 10px 30px rgba(17,24,39,.07)}
.auth .btn{display:block;width:100%;padding:11px 16px;text-align:center}
.auth label small{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}
.auth-links{margin:14px 0 0;text-align:center;font-size:.9rem}
.auth-alt{margin:18px 0 0;color:var(--muted);font-size:.95rem}
.pw{position:relative;display:block}
.pw input{padding-right:64px}
.pw button{position:absolute;top:4px;right:6px;bottom:0;margin:auto 0;height:30px;padding:0 10px;font:inherit;font-size:.8rem;color:var(--muted);background:none;border:0;border-radius:6px;cursor:pointer}
.pw button:hover{color:var(--primary)}
.auth-page .flash{text-align:center}

/* ---------- Topo sem quebra de linha ---------- */
.brand,nav a{white-space:nowrap}
.top .wrap{gap:16px}
.brand{flex:0 0 auto}
nav{flex:0 0 auto}
nav a{padding:6px 10px}
.nav-search{min-width:0}
.nav-search select{max-width:150px}
@media(max-width:900px){
  .top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:8px}
  .nav-search{order:3;flex:1 1 100%;max-width:none}
}
@media(max-width:720px){
  nav{flex:1 1 100%;margin-left:0;flex-wrap:wrap;justify-content:flex-start;row-gap:2px}
  nav a{padding:6px 8px}
}


/* ---------- Admin: status e jogadores da masterserver ---------- */
.ms-status{display:flex;align-items:center;gap:14px;padding:14px 18px}
.ms-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--muted)}
.ms-online .ms-dot{background:var(--ok);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:msping 2s ease-out infinite}
.ms-offline .ms-dot{background:var(--bad)}
.ms-stopped .ms-dot{background:var(--gold)}
.ms-info{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;min-width:0}
.ms-online .ms-info b{color:var(--ok)}
.ms-offline .ms-info b{color:var(--bad)}
@keyframes msping{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.ms-card{margin-top:12px}
.ms-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.ms-chart{display:block;width:100%;height:130px}
.ms-dates{display:flex;justify-content:space-between;margin-top:4px;font-size:.75rem;color:var(--muted)}
.ms-axis{stroke:var(--line);stroke-width:1}
.ms-bar{fill:var(--primary);opacity:.85}
.ms-hit{fill:transparent}
.ms-hit:hover{fill:rgba(28,100,242,.08)}
g:hover>.ms-bar{opacity:1}
.ms-days{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.ms-days summary{cursor:pointer;color:var(--muted);font-size:.9rem}
.ms-days summary:hover{color:var(--primary)}
.ms-scroll{max-height:240px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:8px}
.ms-scroll table{border:0;border-radius:0}

/* ===== Destaques TOP 5 ===== */
.top5{
  --ac:#2563eb;            /* cor da marca (a mesma barrinha do título) */
  --ac2:#7c3aed;           /* segunda cor do brilho */
  --ok:#16a34a;
  --txt:#0f172a;
  --mut:#64748b;
  --line:#eef1f5;
  --row:60px;              /* mesma altura das linhas originais */
  font:14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--txt);
}
.top5 *{box-sizing:border-box}

.top5-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:17px;font-weight:700}
.top5-title::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--ac)}
.top5-title small{margin-left:auto;font-size:12px;font-weight:500;color:var(--mut)}
.top5-title small a{color:var(--ac);text-decoration:none;font-weight:600}

.top5-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px #edf0f4;padding:0 0 6px}

.top5-head,.top5-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 64px 225px 70px 100px 130px;
  align-items:center;gap:14px;padding:0 16px;
}
.top5-head{height:40px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line)}

.top5-row{position:relative;height:var(--row);margin:6px 6px 0;border-radius:10px;transition:background .15s}
.top5-row + .top5-row{margin-top:2px}
.top5-row:not(.is-empty):hover{background:#f6f8fc}

/* --- servidor --- */
.top5 .srv{display:flex;align-items:center;gap:12px;min-width:0}
.top5 .rank{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  font-size:12px;font-weight:800;color:var(--ac);background:#eef3ff}
.top5 .srv-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}

/* --- coins --- */
.top5 .coins{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.top5 .coins::before{content:"";width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fde68a,#f59e0b 60%,#b45309);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}

/* --- endereço --- */
.top5 .addr{display:flex;align-items:center;gap:8px;min-width:0}
.top5 .addr code{font:12.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ac);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top5 .copy{flex:none;border:0;background:none;padding:4px 6px;border-radius:6px;font:inherit;font-size:12px;color:var(--mut);cursor:pointer}
.top5 .copy:hover{background:#eef3ff;color:var(--ac)}
.top5 .copy.ok{color:var(--ok)}

.top5 .mode{font-size:13px}
.top5 .map{font-size:12.5px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* --- jogadores --- */
.top5 .pl{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.top5 .bar{flex:1;max-width:70px;height:6px;border-radius:99px;background:#eef1f5;overflow:hidden}
.top5 .bar i{display:block;height:100%;border-radius:inherit;background:var(--ok)}
.top5 .pl b{font-size:15px;min-width:44px;text-align:right}

/* =================== DESTAQUE DO 1º LUGAR =================== */
.top5-row.is-first{
  background:linear-gradient(90deg,#eef3ff 0%,#f6f0ff 50%,#fff 100%);
  isolation:isolate;
  box-shadow:0 8px 24px -10px rgba(79,70,229,.45);
}
/* borda com brilho girando */
.top5-row.is-first::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:-1;
  background:conic-gradient(from var(--a,0deg),var(--ac),var(--ac2),#06b6d4,var(--ac));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:t5spin 4s linear infinite;
}
/* reflexo que passa pela linha */
.top5-row.is-first::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%) no-repeat;
  background-size:250% 100%;animation:t5shine 5s ease-in-out infinite;
}
.top5 .is-first .rank{color:#fff;background:linear-gradient(135deg,var(--ac),var(--ac2));
  box-shadow:0 4px 12px -2px rgba(79,70,229,.55)}
.top5 .is-first .srv-name{color:#1e1b4b}
.top5 .badge{flex:none;display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:99px;
  font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;
  background:linear-gradient(90deg,var(--ac),var(--ac2))}
.top5 .badge svg{width:11px;height:11px}
.top5 .is-first .bar i{background:linear-gradient(90deg,var(--ok),#22c55e);box-shadow:0 0 8px rgba(34,197,94,.5)}

@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes t5spin{to{--a:360deg}}
@keyframes t5shine{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}

/* ===================== VAGA DISPONÍVEL ===================== */
.top5-row.is-empty{display:flex;justify-content:space-between;text-decoration:none;color:inherit;
  border:1.5px dashed #dbe1ea;background:repeating-linear-gradient(135deg,#fafbfd 0 10px,#fff 10px 20px)}
.top5 .top5-row.is-empty .rank{color:#94a3b8;background:#f1f4f8}
.top5 .empty-txt{color:var(--mut)}
.top5 .empty-txt b{color:var(--txt);font-weight:600}
.top5 .cta{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:8px;
  font-size:12.5px;font-weight:700;color:var(--ac);background:#eef3ff;text-decoration:none;
  opacity:0;transform:translateX(-6px);transition:.2s}
.top5-row.is-empty:hover{border-color:var(--ac)}
.top5 .top5-row.is-empty:hover .cta{opacity:1;transform:none}

/* ======================== CELULAR ======================== */
@media (max-width:760px){
  .top5-head{display:none}
  .top5-row{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:var(--row);padding:10px 12px;row-gap:6px}
  .top5 .top5-row .c-coins,.top5 .top5-row .c-mode,.top5 .top5-row .c-map{display:none}
  .top5 .top5-row .c-addr{grid-column:1}
  .top5 .top5-row .c-pl{grid-row:1/3;grid-column:2}
  .top5 .cta{opacity:1;transform:none}
  .top5 .hide-sm,.top5-title small{display:none}
  .top5 .bar{display:none}
}
@media (prefers-reduced-motion:reduce){
  .top5-row.is-first::before,.top5-row.is-first::after{animation:none}
}

.top5 .top5-row.clk{cursor:pointer}
.top5 .addr a{text-decoration:none;min-width:0}
.top5 .pl b.off{font-size:12px;color:var(--mut);font-weight:600}


/* ===== Destaques (Game Menu / Favoritos) ===== */
.home-ds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:22px;margin:0 0 26px}
.hd-col{min-width:0}
.hd-list{display:flex;flex-direction:column;gap:8px}
.hd-row{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 12px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px #edf0f4;text-decoration:none;color:inherit}
.hd-row.clk{cursor:pointer}.hd-row.clk:hover{background:#f6f8fc}
.hd-row code{font:12.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#4f46e5;margin-left:auto;white-space:nowrap}
.hd-name{min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.hd-row code + .copy{flex:none}
.hd-n{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:#94a3b8}
.hd-n.gm{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.hd-row.is-empty{border:1px dashed #cbd5e1;box-shadow:none;background:transparent}
.hd-row.is-empty .hd-name{font-weight:500;color:#64748b}
.hd-cta{flex:none;font-size:12.5px;font-weight:600;color:#4f46e5}
.hd-fav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hd-slot{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06),0 0 0 1px #edf0f4;text-decoration:none;color:inherit}
.hd-slot b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.hd-slot span{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-slot.clk{cursor:pointer;border-left:4px solid #8b5cf6}.hd-slot.clk:hover{background:#f6f8fc}
.hd-slot.free{border:1px dashed #cbd5e1;box-shadow:none;background:transparent}.hd-slot.free b{font-weight:500;color:#94a3b8}
@media(max-width:900px){.home-ds{grid-template-columns:1fr}.hd-fav{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-row code,.hd-row .copy{display:none}}

.ds-wallet{padding:8px 14px;border-radius:10px;background:#eef2ff;color:#3730a3;font-size:14px;white-space:nowrap}
.ds-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.ds-steps a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e5e9f0;text-decoration:none;color:inherit}
.ds-steps a:hover{box-shadow:0 0 0 2px #6366f1}
.ds-steps span{font-size:12.5px;color:#64748b}
.ds-login{margin-bottom:14px}
.ds-sec{margin:26px 0;scroll-margin-top:80px}
.ds-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ds-head h2{margin:0}
.ds-pill{padding:3px 11px;border-radius:99px;font-size:12px;font-weight:700}
.ds-pill.on{background:#dcfce7;color:#166534}.ds-pill.off{background:#f1f5f9;color:#475569}
.ds-clock{display:flex;gap:26px;flex-wrap:wrap;padding:12px 16px;margin:12px 0;border-radius:12px;background:#f8fafc;box-shadow:0 0 0 1px #e5e9f0}
.ds-clock>div{display:flex;flex-direction:column}.ds-clock b{font-size:17px;font-variant-numeric:tabular-nums}
.ds-gm{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:8px}
.ds-gm-card{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e5e9f0}
.ds-gm-card.empty{border:1px dashed #cbd5e1;box-shadow:none;background:transparent}
.ds-gm-t{display:flex;flex-direction:column;min-width:0}.ds-gm-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-n{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}
.ds-bids tr.win td{background:#f0fdf4}.ds-ok{color:#166534;font-weight:700}
.ds-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.ds-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.ds-form p{flex-basis:100%;margin:0}
.ds-fav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.ds-slot{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e5e9f0;text-decoration:none;color:inherit;position:relative}
.ds-slot .ds-n{position:absolute;top:10px;right:10px;width:22px;height:22px;font-size:11px;background:#94a3b8}
.ds-slot.taken .ds-n{background:linear-gradient(135deg,#8b5cf6,#6366f1)}
.ds-slot b{padding-right:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds-slot.free{border:1px dashed #94a3b8;box-shadow:none;background:#f8fafc}.ds-slot.free b{color:#4f46e5}.ds-slot.free:hover{background:#eef2ff}
.ds-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:4px}
.ds-tag{padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:700;color:#fff}
.ds-tag.t5{background:#f59e0b}.ds-tag.gm{background:#ef4444}.ds-tag.fv{background:#6366f1}
.ds-err{color:#b91c1c}
@media(max-width:900px){.ds-steps,.ds-gm{grid-template-columns:1fr}.ds-fav{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-wallet{white-space:normal}}

.hd-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:17px;font-weight:700}
.hd-title::before{content:"";width:4px;height:18px;border-radius:2px;background:#f59e0b}
#home-fav .hd-title::before{background:#8b5cf6}
.hd-title small{margin-left:auto;font-size:12px;font-weight:500;color:#64748b}
.hd-title small a{color:#4f46e5;text-decoration:none;font-weight:600}
@media(max-width:600px){.hd-title small{display:none}}

/* ===== Favoritos: janela no estilo do navegador de servidores do jogo ===== */
.vgui{font:12px/1.3 Tahoma,Verdana,Arial,sans-serif;color:#d9dfd2;background:#4a5442;border:1px solid;border-color:#8a9580 #262b22 #262b22 #8a9580;box-shadow:0 2px 8px rgba(0,0,0,.25);max-width:760px}
.vgui *{box-sizing:border-box}
.vg-title{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;font-size:13px;color:#e8ece2;background:#3c4535;border-bottom:1px solid #262b22}
.vg-title i{font-style:normal;width:18px;height:16px;display:grid;place-items:center;border:1px solid;border-color:#8a9580 #262b22 #262b22 #8a9580;font-size:10px}
.vg-body{padding:8px}
.vg-tabs{display:flex;gap:2px;margin-bottom:-1px;position:relative;z-index:1;overflow:hidden}
.vg-tabs span{padding:4px 12px;border:1px solid #262b22;border-bottom:0;background:#434c3b;color:#c3cabb}
.vg-tabs span.on{background:#3a4233;color:#ffe35a;border-color:#8a9580 #262b22 transparent #8a9580}
.vg-list{height:330px;overflow-y:auto;background:#3a4233;border:1px solid;border-color:#262b22 #8a9580 #8a9580 #262b22;scrollbar-color:#6b7661 #343b2e}
.vg-list table{width:100%;border-collapse:collapse;table-layout:fixed}
.vg-list th{position:sticky;top:0;text-align:left;font-weight:400;padding:4px 6px;background:#4a5442;color:#d9dfd2;border:1px solid;border-color:#8a9580 #262b22 #262b22 #8a9580}
.vg-list td{padding:3px 6px;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(0,0,0,.12)}
.vg-list .c1{width:44%}.vg-list .c2{width:15%}.vg-list .c3{width:13%}.vg-list .c4{width:18%}.vg-list .c5{width:10%}
.vg-list a{color:#ffe35a;text-decoration:none}
.vg-list tr.clk:hover td{background:#59634f}
.vg-list tr.free a{color:#8e9886}.vg-list tr.free:hover td{background:#434c3b}.vg-list tr.free:hover a{color:#ffe35a}
.vg-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}
.vg-btn{padding:4px 14px;color:#e8ece2;text-decoration:none;background:#4a5442;border:1px solid;border-color:#8a9580 #262b22 #262b22 #8a9580}
.vg-btn:hover{background:#59634f}.vg-btn:active{border-color:#262b22 #8a9580 #8a9580 #262b22}
@media(max-width:700px){.vg-list .c2,.vg-list .c4,.vg-list th.c2,.vg-list th.c4{display:none}.vg-list .c1{width:60%}.vg-list .c3{width:25%}.vg-list .c5{width:15%}.vg-tabs span:nth-child(n+4){display:none}}
.vgui .vg-list table,.vgui .vg-list thead,.vgui .vg-list tbody,.vgui .vg-list tr{background:#3a4233;box-shadow:none;border-radius:0}
.vgui .vg-list td{background:transparent;color:#d9dfd2;font:12px/1.3 Tahoma,Verdana,Arial,sans-serif;border-top:0;padding:3px 6px}
.vgui .vg-list th{background:#4a5442;color:#d9dfd2;text-transform:none;letter-spacing:0;font:12px/1.3 Tahoma,Verdana,Arial,sans-serif;border-radius:0}
.vgui .vg-list tr.clk:hover td{background:#59634f}
.vgui .vg-list tr.free:hover td{background:#434c3b}
.vgui .vg-list a{font:inherit}
.vgui .vg-list tr.free a{color:#8e9886}
.vgui .vg-list tr.free:hover a,.vgui .vg-list a{color:#ffe35a}
.vgui .vg-list tr.free a{color:#8e9886}
.vgui .vg-list tr.free:hover a{color:#ffe35a}

/* ===== Janela principal com abas (Top 5 / Servidores / Game Menu / Favoritos) ===== */
.vg-home{max-width:none;margin-top:14px;background:linear-gradient(180deg,#4d5745,#434c3b);border-radius:6px;overflow:hidden}
.vg-home .vg-title{padding:8px 12px;font-size:13px;letter-spacing:.02em;background:linear-gradient(180deg,#434c3b,#384030)}
.vg-home .vg-body{padding:12px}
.vg-home .vg-tabs{gap:4px;margin:0;overflow-x:auto;padding-bottom:0;scrollbar-width:none}
.vg-home .vg-tab{flex:none;display:flex;align-items:center;gap:8px;padding:9px 16px;font:600 13px Tahoma,Verdana,Arial,sans-serif;color:#c3cabb;background:#434c3b;border:1px solid #262b22;border-bottom:0;border-radius:8px 8px 0 0;cursor:pointer;position:relative;top:1px}
.vg-home .vg-tab:hover{background:#4f5946;color:#fff}
.vg-home .vg-tab.on{background:#3a4233;color:#ffe35a;border-color:#8a9580 #262b22 #3a4233 #8a9580;box-shadow:0 -2px 0 #ffe35a inset}
.vg-home .vg-tab em{font-style:normal;font-weight:700;font-size:11px;padding:1px 7px;border-radius:99px;background:rgba(0,0,0,.28);color:#d9dfd2}
.vg-home .vg-tab.on em{background:#ffe35a;color:#2b3024}
.vg-pane{background:#3a4233;border:1px solid;border-color:#262b22 #8a9580 #8a9580 #262b22;border-radius:0 6px 6px 6px}
.vg-pane[hidden]{display:none}
.vg-intro{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;background:rgba(0,0,0,.14);border-bottom:1px solid #2b3125}
.vg-intro p{margin:0;font-size:13px;line-height:1.5;color:#d9dfd2}.vg-intro p b{color:#fff}
.vg-intro a:not(.vg-btn){color:#ffe35a}
.vg-btn.go{flex:none;font-weight:700;color:#2b3024;background:linear-gradient(180deg,#ffec7a,#ffd23c);border-color:#fff2a8 #8a6d00 #8a6d00 #fff2a8;border-radius:4px;padding:7px 16px}
.vg-btn.go:hover{filter:brightness(1.07)}
.vg-btn.on{background:#ffe35a;color:#2b3024}
.vg-state{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:99px;font-size:12px;background:rgba(0,0,0,.3);color:#c3cabb}
.vg-state.on{background:#1f6b34;color:#d7ffe0}.vg-state b{font-variant-numeric:tabular-nums;color:#fff}
.vg-scroll{max-height:620px;overflow:auto}
.vg-cols,.vg-row{display:grid;grid-template-columns:44px minmax(0,1.7fr) 78px 96px minmax(0,1fr) 128px minmax(0,1.25fr);align-items:center;gap:10px;padding:0 14px}
.vg-cols{height:30px;position:sticky;top:0;z-index:1;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#aab3a1;background:#434c3b;border-bottom:1px solid #262b22}
.vg-row{height:46px;color:#d9dfd2;border-bottom:1px solid rgba(0,0,0,.16);text-decoration:none;font-size:13px}
.vg-row.clk{cursor:pointer}.vg-row.clk:hover{background:#4a5442}
.vg-row > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-n{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#2f362a;color:#aab3a1;font-weight:800;font-size:12px}
.vr-name{font-weight:700;color:#fff}
.vr-c3{text-align:left}
.coin{display:inline-flex;align-items:center;gap:6px;color:#ffe35a}
.coin::before{content:"";width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3a0,#f2b705 60%,#a97c00)}
.until{color:#ffe35a;font-variant-numeric:tabular-nums}
.vr-mode,.vr-map{color:#b8c0af;font-size:12.5px}
.vr-pl{display:flex;align-items:center;gap:8px}
.vr-pl .bar{flex:1;height:6px;border-radius:99px;background:#2b3125;overflow:hidden}
.vr-pl .bar u{display:block;height:100%;border-radius:inherit;background:#58c26b;text-decoration:none}
.vr-pl.mid .bar u{background:#e3b341}.vr-pl.hi .bar u{background:#e0603f}
.vr-pl b{font-size:12.5px;min-width:42px;text-align:right}.vr-pl.off b{color:#8e9886;font-weight:500}
.vr-addr{display:flex;align-items:center;gap:6px}
.vr-addr a{color:#9ec7ff;text-decoration:none;font:12px ui-monospace,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}
.vr-addr a:hover{text-decoration:underline}
.vg-row .copy{flex:none;border:1px solid #5c6752;background:#3a4233;color:#c3cabb;border-radius:4px;padding:2px 7px;font:11px Tahoma,Verdana,sans-serif;cursor:pointer}
.vg-row .copy:hover{background:#59634f;color:#fff}
/* pódio do Top 5 */
.vg-row.p1 .vr-n{background:linear-gradient(135deg,#ffe35a,#e0a800);color:#2b3024}
.vg-row.p2 .vr-n{background:linear-gradient(135deg,#e5e9ee,#9aa3ad);color:#2b3024}
.vg-row.p3 .vr-n{background:linear-gradient(135deg,#e6b17a,#b0702d);color:#2b3024}
.vg-row.p1{background:linear-gradient(90deg,rgba(255,227,90,.14),transparent 60%)}
.vg-row.p4 .vr-n,.vg-row.p5 .vr-n,.vg-row.gmr .vr-n,.vg-row.fvr .vr-n{background:#4d5745;color:#ffe35a}
.vg-row.gmr .vr-n{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.vg-row.fvr .vr-n{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}
/* vagas livres */
.vg-row.free{grid-template-columns:44px 1fr auto;opacity:.85}
.vg-row.free:hover{background:#434c3b;opacity:1}
.vg-row.free .vr-n{background:transparent;border:1px dashed #6b7661;color:#8e9886}
.vr-free{color:#8e9886}.vr-cta{color:#ffe35a;font-weight:700;font-size:12.5px}
.vg-empty{padding:26px;text-align:center;color:#aab3a1}
.vg-pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #2b3125}
.vg-pager .vg-btn{padding:4px 11px;border-radius:4px}.vg-note{margin-left:auto;font-size:12px;color:#aab3a1}
.vg-home .vg-foot{justify-content:flex-start;margin-top:10px;font-size:12px;color:#aab3a1}
@media(max-width:900px){
  .vg-cols,.vg-row{grid-template-columns:36px minmax(0,1fr) 72px 100px;gap:8px;padding:0 10px}
  .vg-cols .vr-mode,.vg-cols .vr-map,.vg-row .vr-mode,.vg-row .vr-map,.vg-cols span:last-child,.vg-row .vr-addr .copy{display:none}
  .vg-row .vr-addr{grid-column:2 / 5;grid-row:2}.vg-row{height:auto;min-height:56px;padding-top:8px;padding-bottom:8px;row-gap:2px}
  .vg-cols span:nth-child(6),.vg-row .vr-pl{grid-column:4}
  .vg-row.free{grid-template-columns:36px 1fr auto}
  .vg-intro{flex-direction:column;align-items:flex-start}
  .vg-home .vg-tab{padding:9px 12px}
}
.vg-cols .vr-mode,.vg-cols .vr-map{font-size:11px;color:#aab3a1}
@media(max-width:900px){
  .vg-cols,.vg-row{grid-template-columns:32px minmax(0,1fr) 58px 86px}
  .vr-pl .bar{display:none}
}

/* =====================================================================
   TEMA "MENU DO JOGO": escuro, verde-oliva e amarelo. Vale para o site todo.
   (fica por último de propósito: sobrescreve as cores claras antigas)
   ===================================================================== */
:root{
  --bg:#1d211a;--surface:#2b3126;--surface2:#333b2d;--line:#454e3c;--ink:#eef1e8;--muted:#a3ad99;
  --primary:#ffd23c;--primary-dark:#f0bd10;--gold:#f5b50a;--ok:#58c26b;--bad:#ef6a4a;--r:10px;
  --accent:#ffe35a;--olive:#4a5442;--olive-dark:#3a4233;
}
html{color-scheme:dark}
body{background:
  radial-gradient(1200px 500px at 50% -120px,rgba(255,210,60,.10),transparent 70%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),
  var(--bg);
  background-attachment:fixed;color:var(--ink);
  font:15px/1.55 "Segoe UI",system-ui,-apple-system,Roboto,Tahoma,sans-serif}
a{color:var(--accent)}
h1{font-size:1.75rem;font-weight:800;letter-spacing:-.015em;color:#fff}
h2{color:#fff}
.sub,.muted{color:var(--muted)}
::selection{background:#ffd23c;color:#222}
*{scrollbar-color:#5c6752 #262b22}

/* topo */
.top{background:linear-gradient(180deg,#363f2f,#2a3025);border-bottom:2px solid #ffd23c;box-shadow:0 6px 24px rgba(0,0,0,.35);position:sticky;top:0;z-index:50}
.brand{color:#fff;font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:.95rem}
.brand::before{width:12px;height:12px;border-radius:3px;background:var(--accent);box-shadow:0 0 12px rgba(255,210,60,.7)}
nav a{color:#c9d1bf;border-radius:6px}
nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
nav a.nav-buy{background:linear-gradient(180deg,#ffec7a,#ffd23c);color:#2b3024;border:1px solid #fff2a8;box-shadow:0 2px 10px rgba(255,210,60,.25)}
nav a.nav-buy:hover{filter:brightness(1.06);color:#2b3024}
.ns-field input,.nav-search select{background:#232819;border:1px solid #4a5442;color:var(--ink);border-radius:8px}
.ns-field input::placeholder{color:#8e9886}
.ns-field button{color:#aab3a1}.ns-field button:hover{color:var(--accent)}
@media(max-width:720px){nav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}}

/* cartões, formulários, botões */
.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.22)}
label{color:var(--muted)}
input,select,textarea{color:var(--ink);background:#20251b;border:1px solid #4a5442;border-radius:8px}
input::placeholder,textarea::placeholder{color:#7d8776}
input:focus,select:focus,textarea:focus{outline:2px solid #ffd23c;outline-offset:1px;border-color:#ffd23c}
input[type=checkbox],input[type=radio]{accent-color:#ffd23c}
.btn{color:#2b3024;background:linear-gradient(180deg,#ffec7a,#ffd23c);border:1px solid #fff2a8;box-shadow:0 2px 8px rgba(255,210,60,.18);font-weight:700}
.btn:hover{background:linear-gradient(180deg,#fff08f,#ffd94f);border-color:#fff2a8;filter:none}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid #5c6752;box-shadow:none}
.btn.ghost:hover{background:rgba(255,255,255,.06);color:#fff;border-color:#8a9580}
.chip,.method{background:var(--surface);color:var(--ink);border-color:var(--line)}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.method:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,210,60,.2)}
.quote{background:#232819;border-color:var(--line)}
.promo{background:rgba(245,181,10,.10);border-color:#b8860b}
.pixbox img{background:#fff}
.flash{background:rgba(88,194,107,.12);border-color:#3f8f50;color:#b9f0c4}
.flash.erro{background:rgba(239,106,74,.12);border-color:#b5482f;color:#ffc2b4}
.st-paid{color:#7fdc92}.st-pending{color:#f2c14e}
.pager a,.pager span{background:var(--surface);border-color:var(--line);color:var(--ink)}
.pager a:hover{border-color:var(--accent);color:var(--accent)}
.pager .on{background:var(--accent);border-color:var(--accent);color:#2b3024}
.totals,.totals b{color:var(--muted)}.totals b{color:#fff}
.list-head .totals{display:inline-flex;gap:8px;flex-wrap:wrap;padding:0;font-size:.85rem}

/* tabelas (admin, painel, etc.) */
table{background:var(--surface);border-color:var(--line)}
th{background:#343c2d;color:#aab3a1}
td,th{border-color:#3a4333}
tbody tr:hover td{background:#323a2c}
.badge{border-color:var(--line);color:var(--muted)}
.ptrack,.pbar .ptrack{background:#20251b}
.b-fixo{color:#2b3024}
.sec::before,.hd-title::before{background:var(--accent)}
.srv .move{border-top-color:var(--line)}
.logpre{background:#12150f}

/* janela de detalhes */
dialog.sd{background:var(--surface);color:var(--ink);border:1px solid #5c6752}
dialog.sd::backdrop{background:rgba(10,12,8,.7)}
.sd-tile{background:#232819;border-color:var(--line)}
.sd-chart{background:#20251b;border-color:var(--line)}
.sd-chart .g{stroke:#3a4333}.sd-chart .t{fill:#9aa491}
.sd-chart .a{fill:rgba(255,210,60,.14)}.sd-chart .l{stroke:var(--accent)}
.sd-chart .hd{fill:#20251b;stroke:var(--accent)}.sd-chart .ld{fill:var(--accent)}
.sd-box{border-color:var(--line)}
.sd-tip{background:#12150f;border:1px solid #5c6752}
.sd-x{color:var(--muted)}.sd-x:hover{color:#fff}

/* admin: masterserver */
.ms-bar{fill:var(--accent)}.ms-hit:hover{fill:rgba(255,210,60,.10)}
.ms-scroll,.ms-days{border-color:var(--line)}

/* login / cadastro */
.auth .card{box-shadow:0 18px 50px rgba(0,0,0,.45);border-top:3px solid var(--accent)}
.pw button{color:var(--muted)}.pw button:hover{color:var(--accent)}

/* página Destaques */
.ds-wallet{background:rgba(255,210,60,.10);border:1px solid #7a6a22;color:#ffe9a0}
.ds-steps a{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.ds-steps a:hover{box-shadow:0 0 0 2px var(--accent)}.ds-steps span{color:var(--muted)}
.ds-pill.on{background:rgba(88,194,107,.18);color:#9be3aa}.ds-pill.off{background:#20251b;color:#aab3a1}
.ds-clock{background:#232819;box-shadow:0 0 0 1px var(--line)}
.ds-gm-card,.ds-slot{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.ds-gm-card.empty,.ds-slot.free{background:transparent;border-color:#5c6752}
.ds-slot.free b{color:var(--accent)}.ds-slot.free:hover{background:rgba(255,255,255,.05)}
.ds-bids tr.win td{background:rgba(88,194,107,.12)}.ds-ok{color:#9be3aa}
.ds-err{color:#ff9b82}
.ds-badges .small a{color:var(--accent)}

/* início: título + números */
.page-head{padding-bottom:4px}
.page-head .sub{max-width:62ch}
.vg-home{box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px #11140e}
.vg-solo{margin-top:12px}.vg-solo .vg-pane{border-radius:6px}
.vg-solo .vg-scroll{max-height:560px}

/* sem moldura: só as abas e o painel */
.vg-home,.vg-home.vg-solo{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.vg-home .vg-body{padding:0}
.vg-home .vg-foot{margin-top:8px}
.vg-scroll,.vg-solo .vg-scroll{max-height:none;overflow:visible}
.vg-cols{position:static}

/* busca dentro da aba Servidores */
.vg-tools{display:flex;align-items:center;gap:10px;flex:1 1 auto;justify-content:flex-end;min-width:0}
.vg-search{display:flex;gap:6px;flex:1 1 auto;max-width:560px;min-width:0}
.vg-search input,.vg-search select{margin:0;padding:7px 10px;font-size:.9rem;background:#232819;border:1px solid #5c6752;border-radius:4px;color:var(--ink)}
.vg-search input{flex:1 1 auto;min-width:0;width:auto}
.vg-search select{flex:0 0 auto;width:auto;max-width:150px}
.vg-search .vg-btn{cursor:pointer;border-radius:4px;font:inherit;font-size:.9rem}
@media(max-width:900px){.vg-tools{flex-direction:column;align-items:stretch;width:100%}.vg-search{max-width:none;flex-wrap:wrap}.vg-search input{flex:1 1 100%}.vg-search select{flex:1 1 auto;max-width:none}.vg-search .vg-btn{flex:0 0 auto}}
@media(min-width:901px){
  #vg .vg-pane[data-p=servidores] .vg-intro p{flex:0 1 30%}
  #vg .vg-tools{flex:1 1 70%}
  .vg-search input{min-width:200px}
  .vg-search select{max-width:130px}
}

/* bordas claras do relevo removidas: só linha escura */
.vg-pane,.vg-solo .vg-pane{border:1px solid #2b3125}
.vg-home .vg-tab.on{border-color:#2b3125 #2b3125 #3a4233 #2b3125}
.vg-list,.vg-cols,.vg-btn{border-color:#2b3125}
.vg-btn.go{border-color:#fff2a8 #b8920a #b8920a #fff2a8}

/* ===== TOP 5: cada posição com um metal ===== */
.vg-row.p1,.vg-row.p2,.vg-row.p3,.vg-row.p4,.vg-row.p5{--m1:#fff;--m2:#fff;--glow:255,255,255;position:relative;height:56px;overflow:hidden;isolation:isolate;
  background:linear-gradient(90deg,rgba(var(--glow),.20),rgba(var(--glow),.05) 55%,transparent 85%),#343c2d;
  box-shadow:inset 4px 0 0 var(--m2),inset 0 1px 0 rgba(255,255,255,.07)}
.vg-row.p1{--m1:#fff3a6;--m2:#e0a800;--glow:255,205,40}
.vg-row.p2{--m1:#f4f7fb;--m2:#a9b4c2;--glow:200,212,228}
.vg-row.p3{--m1:#f2b983;--m2:#b8742f;--glow:205,127,50}
.vg-row.p4{--m1:#e0a58b;--m2:#9a5b45;--glow:176,100,72}      /* cobre */
.vg-row.p5{--m1:#eef1f2;--m2:#8e979c;--glow:190,198,204}     /* alumínio */
.vg-row.p1:hover,.vg-row.p2:hover,.vg-row.p3:hover,.vg-row.p4:hover,.vg-row.p5:hover{background:linear-gradient(90deg,rgba(var(--glow),.30),rgba(var(--glow),.08) 55%,transparent 90%),#3a4333}
/* brilho que passa pela linha */
.vg-row.p1::after,.vg-row.p2::after,.vg-row.p3::after,.vg-row.p4::after,.vg-row.p5::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(var(--glow),.22),transparent);transform:skewX(-18deg);animation:vgshine 5.5s ease-in-out infinite}
.vg-row.p2::after{animation-delay:.9s}.vg-row.p3::after{animation-delay:1.8s}.vg-row.p4::after{animation-delay:2.7s}.vg-row.p5::after{animation-delay:3.6s}
@keyframes vgshine{0%,55%{left:-40%}100%{left:130%}}
/* medalha com o número */
.vg-row.p1 .vr-n,.vg-row.p2 .vr-n,.vg-row.p3 .vr-n,.vg-row.p4 .vr-n,.vg-row.p5 .vr-n{width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:900;color:#2b2410;
  background:radial-gradient(circle at 32% 28%,#fff 0,var(--m1) 28%,var(--m2) 100%);
  box-shadow:0 0 0 2px rgba(0,0,0,.25),0 0 14px rgba(var(--glow),.45),inset 0 -3px 5px rgba(0,0,0,.25);text-shadow:0 1px 0 rgba(255,255,255,.45)}
.vg-row.p1 .vr-n{width:38px;height:38px;font-size:17px}
.vg-row.p1 .vr-name,.vg-row.p2 .vr-name,.vg-row.p3 .vr-name,.vg-row.p4 .vr-name,.vg-row.p5 .vr-name{color:#fff;font-size:14px;text-shadow:0 1px 8px rgba(var(--glow),.35)}
.vg-row.p1 .vr-name{font-size:15px}
.vg-row.p1 .coin,.vg-row.p2 .coin,.vg-row.p3 .coin,.vg-row.p4 .coin,.vg-row.p5 .coin{color:var(--m1)}
@media(max-width:900px){.vg-row.p1,.vg-row.p2,.vg-row.p3,.vg-row.p4,.vg-row.p5{height:auto;min-height:64px}.vg-row.p1 .vr-n,.vg-row.p2 .vr-n,.vg-row.p3 .vr-n,.vg-row.p4 .vr-n,.vg-row.p5 .vr-n{width:30px;height:30px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.vg-row.p1::after,.vg-row.p2::after,.vg-row.p3::after,.vg-row.p4::after,.vg-row.p5::after{animation:none;display:none}}
.vg-row.p2{--m1:#f1f5fb;--m2:#8fa3bd;--glow:150,178,215}
.vg-row.p5{--m1:#ffffff;--m2:#cfd4d8;--glow:236,239,241}
.vg-row.p5 .coin{color:#fff}

/* ===== TOP 5: cor só na numeração redonda, piscando ===== */
.vg-row.p1,.vg-row.p2,.vg-row.p3,.vg-row.p4,.vg-row.p5{height:46px;overflow:visible;background:transparent;box-shadow:none;isolation:auto}
.vg-row.p1:hover,.vg-row.p2:hover,.vg-row.p3:hover,.vg-row.p4:hover,.vg-row.p5:hover{background:#4a5442}
.vg-row.p1::after,.vg-row.p2::after,.vg-row.p3::after,.vg-row.p4::after,.vg-row.p5::after{display:none;animation:none}
.vg-row.p1 .vr-name,.vg-row.p2 .vr-name,.vg-row.p3 .vr-name,.vg-row.p4 .vr-name,.vg-row.p5 .vr-name{font-size:13px;text-shadow:none}
.vg-row.p1 .coin,.vg-row.p2 .coin,.vg-row.p3 .coin,.vg-row.p4 .coin,.vg-row.p5 .coin{color:#ffe35a}
.vg-row.p1 .vr-n,.vg-row.p2 .vr-n,.vg-row.p3 .vr-n,.vg-row.p4 .vr-n,.vg-row.p5 .vr-n{width:30px;height:30px;font-size:14px;animation:vgblink 1.3s ease-in-out infinite}
.vg-row.p1 .vr-n{width:30px;height:30px;font-size:14px}
.vg-row.p2 .vr-n{animation-delay:.25s}.vg-row.p3 .vr-n{animation-delay:.5s}.vg-row.p4 .vr-n{animation-delay:.75s}.vg-row.p5 .vr-n{animation-delay:1s}
@keyframes vgblink{
  0%,100%{box-shadow:0 0 0 2px rgba(0,0,0,.25),0 0 4px rgba(var(--glow),.25),inset 0 -3px 5px rgba(0,0,0,.25);filter:brightness(.82)}
  50%{box-shadow:0 0 0 2px rgba(var(--glow),.55),0 0 18px 3px rgba(var(--glow),.9),inset 0 -3px 5px rgba(0,0,0,.2);filter:brightness(1.25)}
}
@media(max-width:900px){.vg-row.p1,.vg-row.p2,.vg-row.p3,.vg-row.p4,.vg-row.p5{height:auto;min-height:56px}}
@media(prefers-reduced-motion:reduce){.vg-row.p1 .vr-n,.vg-row.p2 .vr-n,.vg-row.p3 .vr-n,.vg-row.p4 .vr-n,.vg-row.p5 .vr-n{animation:none}}

/* botão "copiar" sempre alinhado na mesma coluna, na ponta direita */
.vr-addr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.vr-addr .copy{margin:0;justify-self:end;min-width:56px;text-align:center}
.vr-cta{text-align:right;justify-self:end}

/* reivindicar servidor */
.claim-steps{margin:10px 0 14px;padding-left:20px;line-height:1.6}
.claim-steps li{margin-bottom:8px}
.claim-code{display:inline-block;margin:6px 0 2px;padding:8px 16px;border-radius:8px;background:#20251b;border:1px dashed var(--accent);color:var(--accent);font-size:1.25rem;letter-spacing:.12em;user-select:all}

/* endereço sempre inteiro (IP:porta + botão copiar) */
@media(min-width:901px){
  .vg-cols,.vg-row{grid-template-columns:44px minmax(0,1.6fr) 78px 90px minmax(0,.9fr) 120px 232px}
}
.vr-addr{overflow:visible}
.vr-addr a{white-space:nowrap;overflow:visible;text-overflow:clip}
.vg-row > span.vr-addr{overflow:visible;text-overflow:clip}
@media(max-width:900px){.vr-addr a{overflow-wrap:anywhere;white-space:normal}}

/* cartões do Game Menu na página Destaques: nada passa da borda */
.ds-gm{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ds-gm-card{min-width:0;overflow:hidden}
.ds-gm-t{min-width:0;flex:1 1 auto}
.ds-gm-t b,.ds-gm-t span{display:block;max-width:100%}
.ds-gm-t .mono{font-size:.8rem;overflow-wrap:anywhere}
.ds-gm-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Destaques > "No Game Menu agora": 5 cartões em UMA linha, nada cortado ===== */
.ds-gm{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:8px}
.ds-gm-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 14px;min-width:0;overflow:visible;position:relative}
.ds-gm-card:not(.empty){border-top:3px solid #f59e0b}
.ds-gm-card.empty{justify-content:flex-start}
.ds-gm-card .ds-n{width:30px;height:30px;font-size:14px}
.ds-gm-t{min-width:0;width:100%;gap:4px}
.ds-gm-t b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25;font-size:.95rem}
.ds-gm-t .mono{font-size:.8rem;overflow-wrap:anywhere;color:#9ec7ff}
.ds-gm-t .muted{line-height:1.3}
.ds-gm-card:not(.empty) .ds-gm-t .muted{color:var(--accent);font-weight:600}
@media(max-width:900px){
  .ds-gm{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .ds-gm-card{flex:0 0 min(78%,260px);scroll-snap-align:start}
}
.ds-gm-t b{overflow-wrap:break-word;word-break:normal;font-size:.9rem}
@media(min-width:901px) and (max-width:1180px){.ds-gm-t b{font-size:.85rem}}
.ds-gm-card{padding:12px}
@media(min-width:901px) and (max-width:1180px){.ds-gm-t b{font-size:.8rem}.ds-gm{gap:8px}}
/* Game Menu (Destaques): nome do servidor menor */
.ds-gm-t b{font-size:.76rem;font-weight:700;line-height:1.25}
.ds-gm-t .mono{font-size:.74rem}
.ds-gm-t .muted{font-size:.74rem}
@media(min-width:901px) and (max-width:1180px){.ds-gm-t b{font-size:.72rem}}
/* Game Menu (Destaques) mobile: cartões em linha, informações na horizontal */
@media(max-width:900px){
.ds-gm{display:flex;flex-direction:column;overflow:visible;scroll-snap-type:none;gap:8px;padding-bottom:0}
.ds-gm-card{flex:none;width:100%;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;scroll-snap-align:none}
.ds-gm-card:not(.empty){border-top:0;border-left:3px solid #f59e0b}
.ds-gm-card .ds-n{flex:none}
.ds-gm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
}