/* Nitro PvP — peças novas da página inicial (como jogar, FAQ, notícias,
   detalhes de produto, lista de online). Complementa site.css. */
ul.plain{list-style:none;margin:0;padding:0}
.hero-stat dd,.counters dd{margin:0}
.hero-stat .stat{margin:0}
.counter dt{color:#a3abb8;font-size:11px;order:2}
.counter{display:flex;flex-direction:column-reverse;gap:4px}
.counter dd{font-size:32px;font-weight:700;background:var(--brand-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.counters{margin:55px 0 0}

/* servidor */
.ip-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.ip-box .ip{font-size:13px;color:#e4e7ec;background:#171b24;border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.copy{color:#e4e7ec}
.online-list{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 18px}
.online-list summary{cursor:pointer;color:#c7cbd3;font-size:13px;font-weight:600}
.online-names{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 18px;font-size:13px;max-height:260px;overflow:auto}

/* como jogar */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:none}
.steps .card{position:relative;padding:24px}
.steps h3{margin:12px 0 8px;font-size:17px}
.steps p{line-height:1.6}
.steps a{color:#b79cff;text-decoration:underline}
.steps code{font-size:12px;background:#171b24;border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:#e4e7ec}
.step-n{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand-gradient);font-weight:800;color:#fff}
.small-btn{padding:9px 13px!important;font-size:12px!important;margin-top:6px;display:inline-block}

/* ranking */
.rank-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rank-controls .filters{margin:0}
.filter{color:#c7cbd3}
.select-sm{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:#e4e7ec;padding:8px 10px;font:inherit;font-size:12px}

/* jogadores */
.kills-line{display:flex;justify-content:space-between}
.kills-line b{color:#fff}
#playersCardsPub>li.muted,#newsList>li.muted{grid-column:1/-1}

/* notícias */
.news-card h3{font-size:16px;margin:8px 0}
.news-card p{line-height:1.6}

/* loja */
.product{display:flex;flex-direction:column}
.product .price{margin:14px 0}
.product-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.product-actions .btn{text-align:center;width:100%}
.details-link{color:#c7cbd3;font-size:12.5px;align-self:center}
.details-link:hover{color:#fff}
.coupon{max-width:460px;margin:22px auto 0}
.coupon label{display:block;font-size:12px;color:#c7cbd3;font-weight:600;margin-bottom:8px}
.coupon-row{display:flex;gap:10px}
.coupon-row input{flex:1;min-width:0;background:#0c0e11;border:1px solid #3a4258;border-radius:8px;padding:10px;color:#fff;font:inherit}
.coupon-row input[aria-invalid="true"]{border-color:#ff6b7a}
.coupon .muted{text-align:center;margin:8px 0 0}
.shop-legal{max-width:760px;margin:18px auto 0;text-align:center;font-size:12.5px;line-height:1.7;color:#a3abb8}
.shop-legal a{color:#c7cbd3;text-decoration:underline}
.product-summary{font-size:13px;color:#c9cfd9;line-height:1.6}
.summary-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.summary-dl div{background:var(--dlg-input-bg,#181c23);border:1px solid var(--dlg-line,#262b34);border-radius:8px;padding:9px 11px}
.summary-dl dt{font-size:11px;color:#a3abb8}
.summary-dl dd{margin:2px 0 0;color:#fff;font-weight:600}
.summary-title{font-weight:700;color:#fff;margin:6px 0 4px}
.product-summary ul{margin:4px 0 10px;padding-left:20px}
.product-summary .warn{background:#3a2f17;color:#f5d58a;border-radius:8px;padding:9px 11px;margin:4px 0 10px}
.product-summary .warn strong{color:#fff}
.summary-legal{font-size:12px;color:#a3abb8}
.summary-legal a{color:#b79cff;text-decoration:underline}

/* FAQ */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 18px}
.faq summary{cursor:pointer;padding:16px 0;font-weight:600;list-style-position:outside}
.faq details[open] summary{color:#fff}
.faq p{margin:0 0 16px;color:#c7cbd3;line-height:1.7;font-size:14px}
.faq a{color:#b79cff;text-decoration:underline}

.community a[hidden]{display:none}

@media(max-width:850px){.steps{grid-template-columns:1fr}.links li{width:100%}}
@media(max-width:560px){.summary-dl{grid-template-columns:1fr}.rank-controls{margin-top:16px}.ip-box{grid-column:1/-1}}
/* toast fora da tela não deve ser lido nem aparecer em capturas */
.toast{visibility:hidden}
.toast.show{visibility:visible}
