/* Rules page: clear rules with game imagery. */
.rules-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;overflow:hidden;padding:48px 52px;border-radius:15px;background:linear-gradient(115deg,#170f31f2,#33235cd9),url('/assets/img/features/amatsu-day.webp') center/cover;color:#fff;box-shadow:0 10px 28px #05020d42}
.rules-hero>div{position:relative;z-index:1;max-width:700px}
.rules-hero h2{font-size:38px}
.rules-hero p{color:#c6bbd5;font-size:14px;line-height:1.85}
.rules-hero .eyebrow{color:#f9c10b}
.rules-short{display:flex;align-items:flex-start;gap:10px;margin-top:22px!important;padding:14px 18px;border-radius:9px;background:#ffffff12;color:#e6dcf5!important;font-size:13px!important}
.rules-short i{flex:0 0 auto;color:#f9c10b;font-size:17px}
.rules-hero>img{position:relative;z-index:1;width:225px;filter:drop-shadow(0 14px 22px #05020d73)}
.rules-groups{display:grid;gap:18px;margin-top:30px}
.rule-group{display:grid;grid-template-columns:330px 1fr;gap:26px;padding:32px 36px;border-radius:14px;background:#fff;box-shadow:0 4px 14px #3923380f}
.rule-group>header{display:flex;gap:15px}
.rule-group>header i{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:#21163d;color:#f9c10b;font-size:23px}
.rule-group>header span{display:block;margin-bottom:6px;color:#b0937e;font:800 13px Jost,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.rule-group h3{margin:0 0 8px;font-size:19px}
.rule-group>header p{margin:0;color:#8a7a70;font-size:13px;line-height:1.7}
.rule-group ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.rule-group li{padding:14px 18px;border-radius:10px;background:#faf6f1}
.rule-group li strong{display:block;margin-bottom:4px;color:#3f2f6d;font:700 14px Jost,sans-serif}
.rule-group li p{margin:0;color:#7c6f68;font-size:13px;line-height:1.7}
.rules-ladder{padding:65px 0 10px}
.rules-ladder ol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}
.rules-ladder li{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:12px;background:linear-gradient(150deg,#21173f,#17102f);color:#fff;box-shadow:0 8px 22px #160d2b1f}
.rules-ladder li i{color:#f9c10b;font-size:24px}
.rules-ladder li strong{font:700 14px Jost,sans-serif}
.rules-ladder li small{color:#a99eb7;font-size:13px;line-height:1.65}
.rules-appeals{position:relative;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:26px;margin-top:34px;padding:38px 46px;border-radius:14px;background:linear-gradient(115deg,#170f31f2,#2a1b4de0),url('/assets/img/features/prt-fild08-day.webp') center 58%/cover;color:#fff}
.rules-appeals>img{width:120px;filter:drop-shadow(0 10px 16px #05020d80)}
.rules-appeals h2{margin:4px 0 10px;color:#fff;font-size:25px}
.rules-appeals p{max-width:680px;margin:0 0 18px;color:#c6bbd5;font-size:14px;line-height:1.8}
.rules-appeals .eyebrow{color:#f9c10b}
@media(max-width:1000px){.rule-group{grid-template-columns:1fr}.rules-ladder ol{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.rules-hero{padding:34px 28px}.rules-hero>img{display:none}.rules-appeals{grid-template-columns:1fr;padding:30px 26px}.rules-appeals>img{display:none}}
@media(max-width:560px){.rules-hero h2{font-size:29px}.rule-group{padding:24px 22px}.rules-ladder ol{grid-template-columns:1fr}}