.rcats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.rcats button{font:inherit;font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:5px;background:rgba(255,255,255,.08);color:#c9cdd8;border:1px solid rgba(255,255,255,.08);cursor:pointer}
.rcats button.on{background:#1d3a78;color:#fff;border-color:#2c56b0}
.rl{display:grid;gap:8px;max-width:820px}
.rule{display:flex;gap:12px;padding:12px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rn{flex:none;width:24px;height:24px;border-radius:5px;background:#1d3a78;font-size:10px;font-weight:800;display:grid;place-items:center}
.rule h3{font-size:13px;font-weight:800}.rule p{margin-top:4px;font-size:10px;line-height:1.5;color:#a7acba}
.rdesc{max-width:820px;margin-bottom:12px;font-size:10px;line-height:1.5;color:#8a91a6}
@media(min-width:768px){.rcats button{font-size:11px}.rule h3{font-size:16px}.rule p,.rdesc{font-size:13px}.rule{padding:16px}}

/* Rules: gambar jadi background layar penuh (sama seperti Stats), bukan header di atas */
#v-rules .ph{position:fixed;height:auto;bottom:0;mask-image:none;-webkit-mask-image:none;opacity:.5;filter:blur(2px);z-index:0}
#v-rules .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,11,24,.55),rgba(7,11,24,.92))}
#v-rules .ph em{display:none}