/* SAATAACK 50 — Confirmed rules and Rule Book scope */
.rules-page{--blue:#287cff;--orange:#ff8e2e;--line:#c7c6c0;background:#f5f4ef}
.rules-page .topbar{background:linear-gradient(180deg,#050505 0%,#050505e8 68%,transparent)}
.rules-page .nav-item.active>a{color:var(--lime)}
.rules-page .nav-item.active>a:after{right:0}
.rules-page p{font-size:1rem}

.rules-hero{position:relative;min-height:880px;display:flex;align-items:flex-end;overflow:hidden;background:#090909;color:#fff;padding:190px 0 clamp(80px,8vw,125px)}
.rules-hero:before{content:"";position:absolute;width:55vw;height:55vw;right:-16vw;top:-18vw;border:10vw solid var(--pink);border-radius:50%;opacity:.12}
.hero-grid-lines{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.rules-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:end}
.rules-hero-copy .display-xl{font-size:clamp(5rem,9.8vw,10.7rem)}
.rules-hero-copy .display span,.confirmed-section .display span,.rulebook-section .display span,.rules-next .display span{color:var(--lime)}
.rules-hero-copy .lead{color:#ccc;margin:28px 0 35px}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px}
.rulebook-card{padding:28px;background:var(--lime);color:#000;border:2px solid #000;box-shadow:12px 12px 0 var(--pink);transform:rotate(1deg)}
.rulebook-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid #000;font-size:.72rem;font-weight:900;text-transform:uppercase}.rulebook-top svg{width:28px;height:28px}
.rulebook-card>strong{display:block;margin:28px 0;font:900 7rem/.72 "Barlow Condensed",Impact,sans-serif}
.rulebook-status{display:flex;align-items:center;gap:9px;padding:12px 0;border-block:1px solid #000;font-size:.72rem;font-weight:900;text-transform:uppercase}.rulebook-status i{width:9px;height:9px;border-radius:50%;background:#000}
.rulebook-card>p{font-size:.8rem;line-height:1.45;font-weight:700;margin-bottom:0}

.status-strip{background:var(--pink);color:#000;border-block:2px solid #000}.status-strip>.wrap{display:grid;grid-template-columns:1fr 1fr}
.status-strip article{min-height:120px;display:flex;align-items:center;gap:17px;padding:24px;border-right:1px solid #000}.status-strip article:first-child{border-left:1px solid #000}.status-strip small{display:block;margin-bottom:5px;font-size:.68rem;font-weight:900;text-transform:uppercase}.status-strip strong{font:900 1.9rem/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.status-dot{width:17px;height:17px;flex:0 0 auto;border-radius:50%;border:3px solid #000}.status-dot.confirmed{background:var(--lime)}.status-dot.rulebook{background:#fff}

.confirmed-section{background:#efeee8}
.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:clamp(55px,8vw,130px);align-items:end;margin-bottom:60px}.section-heading .display-lg{font-size:clamp(4.7rem,8vw,8.8rem)}.section-heading>.lead{color:#5f5f59;margin:0}
.principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid #000;border-left:1px solid #aaa}
.principles-grid article{position:relative;min-height:300px;display:flex;flex-direction:column;padding:27px;background:#f7f6f1;border-right:1px solid #aaa;border-bottom:1px solid #aaa;transition:transform .25s ease,background-color .25s ease}
.principles-grid article:hover{z-index:1;transform:translateY(-6px);background:#fff}.principles-grid article>span{font:900 2.6rem/1 "Barlow Condensed",Impact,sans-serif;color:var(--pink)}
.principles-grid article>svg{width:55px;height:55px;margin:auto 0 22px}.principles-grid article>strong{margin:auto 0 14px;font:900 clamp(5rem,8vw,8.5rem)/.7 "Barlow Condensed",Impact,sans-serif}
.principles-grid h3{margin:0;font:900 clamp(2rem,2.7vw,3rem)/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.principles-grid .accent{background:var(--lime)}.principles-grid .accent>span{color:#000}

.format-lock{display:grid;grid-template-columns:1fr 120px 1fr 120px 1fr;min-height:550px;background:#0a0a0a;color:#fff}
.format-part{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:var(--blue);color:#000;text-align:center}.format-part.pink-part{background:var(--pink)}.format-part.total-part{background:var(--lime)}
.format-part span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.format-part strong{font:900 clamp(11rem,19vw,20rem)/.7 "Barlow Condensed",Impact,sans-serif}
.format-sign{display:grid;place-items:center;font:900 5rem/1 "Barlow Condensed",Impact,sans-serif}

.rulebook-section{background:#0b0b0b;color:#fff}
.rulebook-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(55px,8vw,130px);align-items:start}.rulebook-intro{position:sticky;top:40px}.rulebook-intro .display-lg{font-size:clamp(4.4rem,7vw,8rem)}.rulebook-intro>.lead{color:#aaa}
.authority-note{display:flex;align-items:flex-start;gap:13px;margin-top:35px;padding:20px;border:1px solid #444}.authority-note svg{flex:0 0 auto;width:23px;height:23px;color:var(--lime)}.authority-note p{margin:0;color:#aaa;font-size:.82rem;line-height:1.55}
.rulebook-topics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #555;border-left:1px solid #555}
.rulebook-topics article{min-height:220px;padding:25px;border-right:1px solid #555;border-bottom:1px solid #555;transition:background-color .25s ease}.rulebook-topics article:hover{background:#181818}
.rulebook-topics span{font:900 2.1rem/1 "Barlow Condensed",Impact,sans-serif;color:var(--lime)}.rulebook-topics h3{margin:52px 0 12px;font:900 clamp(2rem,3vw,3rem)/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.rulebook-topics p{margin:0;color:#999;line-height:1.5}

.rules-next{background:#efeee8;padding-block:clamp(90px,11vw,165px)}
.next-grid{display:grid;grid-template-columns:1fr .72fr;gap:clamp(55px,8vw,130px);align-items:end}.rules-next .display-lg{font-size:clamp(4.5rem,8vw,8.7rem)}.next-copy p{color:#5f5f59;line-height:1.7}.next-copy .btn{margin-top:22px}

@media(max-width:1150px){
  .rules-hero-layout{grid-template-columns:minmax(0,1fr) 290px;gap:45px}.rulebook-card>strong{font-size:6rem}
  .principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .format-lock{grid-template-columns:1fr 80px 1fr}.format-lock .total-part{grid-column:1/-1}.format-lock .format-sign:nth-of-type(2){display:none}
  .rulebook-layout{grid-template-columns:1fr}.rulebook-intro{position:static}.rulebook-topics{margin-top:20px}
}

@media(max-width:900px){
  .rules-hero{min-height:820px}.rules-hero-layout{grid-template-columns:1fr}.rulebook-card{display:none}
  .section-heading,.next-grid{grid-template-columns:1fr}.section-heading>.lead{margin-top:25px}
}

@media(max-width:680px){
  .rules-hero{min-height:760px;padding:145px 0 75px}.rules-hero-copy .display-xl{font-size:clamp(4rem,18vw,6.5rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}
  .status-strip>.wrap{grid-template-columns:1fr}.status-strip article{border-left:1px solid #000;border-bottom:1px solid #000}.status-strip strong{font-size:1.55rem}
  .section-heading .display-lg,.rulebook-intro .display-lg,.rules-next .display-lg{font-size:4.3rem}.principles-grid{grid-template-columns:1fr}.principles-grid article{min-height:250px}
  .format-lock{grid-template-columns:1fr}.format-part{min-height:330px}.format-sign{min-height:90px}.format-lock .total-part{grid-column:auto}.format-lock .format-sign:nth-of-type(2){display:grid}.format-part strong{font-size:12rem}
  .rulebook-topics{grid-template-columns:1fr}.rulebook-topics article{min-height:200px}.next-copy .btn{width:100%}
}

@media(min-width:1800px){.rules-hero{min-height:980px}.principles-grid article{min-height:340px}.rulebook-topics article{min-height:250px}}
@media(prefers-reduced-motion:reduce){.principles-grid article,.rulebook-topics article{transition:none}}