/* ============================================================
   PÁGINA DE REGRAS
   Reaproveita variáveis de css/style.css. Componentes próprios:
   cards de regra por categoria, destaque "crítico" para bots/
   cheat/macro, e o painel de cláusulas legais (contas/doações).
   ============================================================ */

.rules-page{
padding-top:0;
}

.rules-hero{
padding-bottom:2rem;
}

.last-update{
position:relative;
z-index:2;
display:inline-flex;
align-items:center;
gap:8px;
margin-top:1.4rem;
font-size:0.82rem;
color:var(--muted);
border:1px solid var(--border);
padding:0.5rem 1rem;
border-radius:20px;
}

.last-update i{
color:var(--gold);
}

/* SUMÁRIO — reaproveita .guide-quicknav de guide.css quando presente;
   fallback próprio caso guide.css não esteja carregado nesta página */
.rules-toc{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:center;
margin-bottom:3.5rem;
}

.rules-toc a{
text-decoration:none;
font-size:0.82rem;
font-weight:600;
color:var(--muted);
border:1px solid var(--border);
padding:0.55rem 1rem;
border-radius:20px;
transition:0.2s;
}

.rules-toc a:hover{
color:var(--gold);
border-color:var(--gold);
}

/* SEÇÕES */

.rules-section{
margin-bottom:4rem;
scroll-margin-top:110px;
}

.rules-section-title{
display:flex;
align-items:center;
gap:12px;
color:var(--text);
font-size:1.4rem;
margin-bottom:0.6rem;
}

.rules-section-title i{
color:var(--gold);
font-size:1.1rem;
}

.rules-section-note{
color:var(--muted);
font-size:0.9rem;
margin-bottom:1.4rem;
max-width:640px;
}

/* GRID DE REGRAS */

.rule-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:1.2rem;
}

.rule-card{
background:var(--card-bg);
border:1px solid var(--border);
border-left:2px solid var(--sky);
border-radius:10px;
padding:1.4rem 1.5rem;
backdrop-filter:blur(20px);
transition:0.25s;
}

.rule-card:hover{
transform:translateY(-3px);
border-left-color:var(--gold);
}

.rule-icon{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:rgba(139,108,247,0.12);
color:var(--sky);
font-size:1rem;
margin-bottom:0.9rem;
}

.rule-card h4{
color:var(--text);
font-family:'Cinzel', serif;
font-size:1rem;
margin-bottom:0.4rem;
}

.rule-card p{
color:var(--muted);
font-size:0.88rem;
line-height:1.6;
}

/* CARDS CRÍTICOS — bot / cheat / macro */

.rule-card-critical{
border-left-color:#ff6b6b;
background:rgba(255,107,107,0.04);
}

.rule-card-critical .rule-icon{
background:rgba(255,107,107,0.14);
color:#ff6b6b;
}

/* PAINEL LEGAL (contas & doações) */

.legal-panel{
background:linear-gradient(180deg, rgba(232,182,76,0.05), rgba(255,255,255,0.02));
border:1px solid var(--border);
border-top:2px solid var(--gold);
border-radius:12px;
padding:2rem clamp(1.3rem, 4vw, 2.4rem);
backdrop-filter:blur(20px);
}

.legal-clauses{
list-style:none;
counter-reset:clause;
display:flex;
flex-direction:column;
gap:1.3rem;
}

.legal-clauses li{
counter-increment:clause;
position:relative;
padding-left:2.6rem;
color:var(--muted);
font-size:0.93rem;
line-height:1.7;
}

.legal-clauses li::before{
content:counter(clause);
position:absolute;
left:0;
top:0;
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg, var(--gold-soft), var(--gold));
color:#241505;
font-weight:700;
font-size:0.82rem;
border-radius:50%;
}

.legal-clauses strong{
color:var(--text);
font-weight:700;
}

.legal-panel-muted{
border-top-color:var(--sky);
text-align:center;
}

.legal-panel-muted p{
color:var(--muted);
font-size:0.92rem;
line-height:1.7;
max-width:680px;
margin:0 auto 1rem;
}

.legal-disclaimer{
font-size:0.8rem !important;
font-style:italic;
opacity:0.8;
}

.legal-panel-muted .btn{
margin-top:1rem;
display:inline-flex;
align-items:center;
gap:8px;
}

/* RESPONSIVO */

@media(max-width:640px){
.legal-panel{
padding:1.6rem 1.2rem;
}

.legal-clauses li{
padding-left:2.2rem;
}
}