.rulesOverlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,6,23,.86);
  backdrop-filter:blur(8px);
}
.rulesOverlay[hidden]{display:none!important}
.rulesCard{
  width:min(680px,100%);
  max-height:90vh;
  overflow:auto;
  padding:24px;
  border:1px solid rgba(255,209,102,.42);
  border-radius:20px;
  background:#111827;
  box-shadow:0 24px 80px rgba(0,0,0,.55);
}
.rulesEyebrow{color:#ffd166;font-size:12px;font-weight:900;letter-spacing:.08em}
.rulesCard h2{margin:6px 0 8px;font-size:28px}
.rulesIntro,.rulesFoot{color:rgba(229,231,235,.78);line-height:1.55}
.rulesCard ol{margin:16px 0;padding-left:22px}
.rulesCard li{margin:9px 0;line-height:1.45}
.rulesCard a{color:#93c5fd;font-weight:800}
.rulesAccept{width:100%;margin-top:6px;padding:13px 16px;border:0;border-radius:13px;background:#ffd166;color:#111827;font-size:15px;font-weight:900;cursor:pointer}
body.rulesOpen{overflow:hidden}
@media(max-width:600px){
  .rulesOverlay{padding:10px}
  .rulesCard{padding:18px;max-height:94vh}
  .rulesCard h2{font-size:24px}
  .rulesCard li{font-size:14px}
}