/* =========================================================
   PLAY & CONNECT — pagina Rules (fondo scuro, layout moderno)
   ========================================================= */

body{background:var(--navy);color:rgba(255,255,255,.82);}

.rules-hero{
  padding:5rem 0 3rem;
  background:
    radial-gradient(1200px 500px at 15% -10%, rgba(78,207,98,.14), transparent 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(111,208,242,.12), transparent 55%),
    var(--navy);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.rules-hero .giant{color:#fff;max-width:16em;}
.rules-lede{max-width:44em;color:rgba(255,255,255,.68);font-size:1.02rem;line-height:1.75;}

.rules-body{padding:4rem 0 6rem;}

.rules-cats{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:3rem;}
.rules-cat-pill{
  font-family:var(--sans);font-weight:700;font-size:.82rem;letter-spacing:.03em;
  color:var(--navy);background:var(--green);
  padding:.5em 1.1em;border-radius:999px;
}

.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-bottom:1.6rem;}
.rules-grid-2{grid-template-columns:1fr 1fr;}

.rules-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;padding:2rem 2rem 2.2rem;
}
.rules-card h2{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  color:#fff;font-size:1.5rem;margin:.2rem 0 1.1rem;letter-spacing:.01em;
}
.rules-day{
  display:inline-block;color:var(--green);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;font-size:.78rem;
}
.rules-card p{color:rgba(255,255,255,.68);font-size:.95rem;line-height:1.7;}
.rules-card ul{display:flex;flex-direction:column;gap:.7rem;margin:0 0 .4rem;}
.rules-card li{
  color:rgba(255,255,255,.78);font-size:.95rem;line-height:1.6;
  padding-left:1.3rem;position:relative;
}
.rules-card li::before{
  content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;
  border-radius:50%;background:var(--blue);
}
.rules-card strong{color:#fff;}
.rules-note{
  font-size:.85rem !important;color:rgba(255,255,255,.5) !important;
  border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem;margin-top:1rem;
}
.rules-guarantee{
  margin-top:1.2rem;font-weight:600;color:var(--green) !important;font-size:.92rem !important;
}

.rules-playoffs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0;}
.rules-playoff{
  background:rgba(255,255,255,.03);border-radius:6px;padding:1.1rem 1.2rem;
  border-left:3px solid var(--green);
}
.rules-playoff-silver{border-left-color:var(--blue);}
.rules-playoff h3{
  font-family:var(--sans);font-weight:700;font-size:.88rem;text-transform:uppercase;
  letter-spacing:.04em;color:#fff;margin:0 0 .5rem;
}
.rules-playoff p{margin:0 0 .5rem;}

.rules-cta{margin-top:1.4rem;display:inline-block;}

@media(max-width:900px){
  .rules-grid,.rules-grid-2,.rules-playoffs{grid-template-columns:1fr;}
  .rules-card{padding:1.6rem 1.4rem 1.8rem;}
}