.rulebook-page{background:#141418;color:#fff}
.rulebook-page .nav{z-index:100}
.rulebook-page .nav .pill{background:#fff;color:#141418}
.rb-cover{padding:clamp(3rem,7vw,7rem) var(--pad) 3rem;overflow:hidden}
.rb-intro{font-size:clamp(1rem,1.6vw,1.4rem);margin-bottom:2rem;color:#c7c7cf}
.rb-cover h1{font-family:var(--display);letter-spacing:-.07em;line-height:.96}
.rb-cover h1>span{display:block;font-size:clamp(2rem,5vw,5rem);letter-spacing:-.05em;margin-bottom:1rem}
.rb-cover strong{display:block;font-size:clamp(4.1rem,15vw,16rem);font-weight:800}
.rb-book{display:inline-block;color:#ff246a;transform:rotate(-3deg);transform-origin:left bottom;transition:transform .6s}
.rb-cover h1:hover .rb-book{transform:rotate(0)}
.rb-dot{color:#edff57}
.rb-cover-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid #555;margin-top:3rem;padding-top:2rem}
.rb-cover-bottom p{font-size:1.15rem;line-height:1.6;color:#d2d2da}
.rb-enter{display:flex;align-items:center;gap:2rem;padding:1rem 0;text-decoration:underline;text-underline-offset:.4em}
.rb-enter span{font-size:2rem;transition:transform .25s}.rb-enter:hover span{transform:translateY(5px)}
.rb-body{background:#fff;color:#141418;display:grid;grid-template-columns:1fr 3fr;gap:clamp(2rem,5vw,6rem);padding:5rem var(--pad);scroll-margin-top:7rem}
.rb-margin{position:sticky;top:9rem;align-self:start}
.rb-counter{font:800 clamp(4rem,8vw,8rem)/1 var(--display);letter-spacing:-.08em;color:#c91450}
.rb-counter small{display:block;font:500 1rem/1.5 var(--display);letter-spacing:0;color:#656570;margin-top:1rem}
.rb-margin p{margin:2rem 0;font-size:1.1rem;line-height:1.5}
.rb-margin button{background:none;color:#141418;border:0;border-bottom:1px solid #141418;padding:.7rem 0;cursor:pointer;font:600 1rem var(--display)}
.rb-margin button span{margin-left:1rem}
.rb-rule{border-top:1px solid #b8b8c3;scroll-margin-top:9rem}
.rb-rule:last-child{border-bottom:1px solid #b8b8c3}
.rb-rule summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2rem 1fr 2.5rem;gap:1.1rem;align-items:start;padding:2rem 0}
.rb-rule summary::-webkit-details-marker{display:none}
.rb-number{font-size:.875rem;color:#6b6b76;padding-top:.6rem}
.rb-rule h2{font:800 clamp(1.5rem,2.6vw,2.8rem)/1.13 var(--display);letter-spacing:-.045em;transition:color .25s,transform .25s}
.rb-toggle{display:grid;place-items:center;border:1px solid #b8b8c3;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.7rem;line-height:1;transition:transform .3s,background .3s,color .3s}
.rb-rule[open] h2{color:#c91450}.rb-rule[open] .rb-toggle{transform:rotate(45deg);background:#293def;color:white;border-color:#293def}
.rb-answer{padding:0 3.6rem 2rem 3.1rem}
.rb-answer p{max-width:40rem;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.75;color:#444450}
.rb-rule[open] .rb-answer{animation:rb-reveal .35s ease both}
@keyframes rb-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.rb-rule summary:hover h2{color:#293def;transform:translateX(5px)}}
.rb-end{padding:clamp(4rem,9vw,9rem) var(--pad);background:#293def}
.rb-end>p{font-size:clamp(1.2rem,2vw,2rem);margin-bottom:1.5rem}
.rb-end h2{font:800 clamp(3rem,9vw,9rem)/1.04 var(--display);letter-spacing:-.06em;max-width:12ch}
.rb-end h2 em{font-style:normal;color:#edff57}
.rb-end .pill{margin-top:3rem;background:white;color:#141418;border-color:white}
.rb-home{display:inline-block;margin:2rem;text-decoration:underline;text-underline-offset:.3em}
.rb-footer{padding:3rem var(--pad)}.rb-footer>a{display:inline-block;margin-bottom:2rem;font-weight:700}
.rulebook-page a:focus-visible,.rulebook-page button:focus-visible,.rulebook-page summary:focus-visible{outline:3px solid #c91450;outline-offset:6px}
@media(max-width:760px){.rb-cover{padding-top:3rem}.rb-cover strong{font-size:15vw}.rb-cover-bottom{display:block;margin-top:2rem}.rb-enter{justify-content:space-between;margin-top:1rem}.rb-body{grid-template-columns:1fr;padding-block:2rem;gap:2rem}.rb-margin{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.rb-counter{display:none}.rb-margin p{margin:0;font-size:1rem}.rb-rule summary{gap:.7rem;grid-template-columns:1.4rem 1fr 2rem;padding:1.5rem 0}.rb-rule h2{font-size:1.5rem}.rb-toggle{width:2rem;height:2rem;font-size:1.4rem}.rb-number{padding-top:.2rem}.rb-answer{padding:0 0 1.5rem 2.1rem}.rb-home{display:block;margin:2rem 0 0}.rb-end h2{font-size:13vw}}
@media(prefers-reduced-motion:reduce){.rulebook-page *{animation:none!important;transition:none!important}.rb-book{transform:none}}