.rules-book{min-height:80vh;padding:110px 0 54px;background:var(--bg);color:var(--ink)}
.rules-book-cover{position:relative;display:flex;min-height:245px;align-items:flex-end;overflow:hidden;margin:0 auto 0;max-width:1500px;padding:34px clamp(22px,6vw,78px);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 76% 40%,#7c3aed68,transparent 37%),radial-gradient(ellipse at 96% 92%,#a78bfa40,transparent 34%),linear-gradient(115deg,#100c17,#211629 58%,#120e1a)}
.rules-book-cover:before{position:absolute;inset:0;background:linear-gradient(180deg,#0b091100 10%,#0b0911b8 100%),repeating-linear-gradient(125deg,transparent 0 78px,#c4b5fd08 79px,#c4b5fd00 81px);content:""}
.rules-book-cover-copy{position:relative;z-index:1;max-width:760px}
.rules-book-cover-copy>a{display:inline-block;margin-bottom:29px;color:#d7c8f9;font:10px var(--mono);letter-spacing:.12em}
.rules-book-cover-copy .eyebrow{display:flex;align-items:center;gap:8px;color:#c4b5fd}
.rules-book-cover-copy .eyebrow span{display:inline-block;width:20px;height:1px;background:currentColor}
.rules-book-cover-copy .eyebrow i{font-style:normal;color:var(--pink)}
.rules-book-cover-copy h1{margin:8px 0 3px;color:white;font:800 clamp(51px,7vw,88px)/.92 var(--display);text-transform:uppercase}
.rules-book-cover-copy h1 em{color:#c4b5fd;font-style:normal}
.rules-book-cover-copy p{margin:12px 0 0;color:#d0c5d5;font-size:13px}
.rules-book-cover-shape{position:absolute;right:12%;top:-115px;display:grid;place-items:center;width:420px;height:420px;border:1px solid #c4b5fd2b;border-radius:50%;color:#c4b5fd14;font:800 185px var(--display);transform:rotate(-15deg);box-shadow:0 0 0 36px #c4b5fd05,0 0 0 78px #c4b5fd04,0 0 100px #8b5cf622}
.rules-book-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:32px;max-width:1260px;margin:0 auto;padding:32px 24px 0}
.rules-book-sidebar{position:sticky;top:25px;align-self:start;max-height:calc(100vh - 45px);overflow:auto;padding:13px 11px 14px;border:1px solid var(--line);background:var(--panel)}
.rules-sidebar-title{display:block;padding:8px 9px 12px;border-bottom:1px solid var(--line);color:var(--ink);font:700 12px var(--display);letter-spacing:.07em}
.rules-sidebar-caption{margin:15px 9px 7px;color:var(--muted);font:8px var(--mono);letter-spacing:.13em}
.rules-category-nav,.rules-chapter-nav{display:grid;gap:2px}
.rules-category-nav a{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid transparent;color:var(--muted);font-size:10px}
.rules-category-nav a span{width:16px;color:var(--pink);text-align:center}
.rules-category-nav a b{margin-left:auto;color:var(--muted);font-size:14px;font-weight:400}
.rules-category-nav a:hover,.rules-category-nav a.active{border-color:#8b5cf624;background:#8b5cf610;color:var(--ink)}
.rules-category-nav a.active{box-shadow:inset 2px 0 var(--pink)}
.rules-chapter-nav{padding-left:5px}
.rules-chapter-nav a{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border-left:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.4}
.rules-chapter-nav a span{flex:none;color:var(--pink);font:8px var(--mono)}
.rules-chapter-nav a:hover,.rules-chapter-nav a.active{border-color:var(--pink);color:var(--ink)}
.rules-book-content{min-width:0;padding:0 0 8px}
.rules-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 26px;color:var(--muted);font:9px var(--mono)}
.rules-breadcrumb a:hover{color:var(--pink)}
.rules-breadcrumb>span{color:var(--pink)}
.rules-breadcrumb b{color:var(--ink);font-weight:500}
.rules-book-heading{padding:0 0 20px;border-bottom:1px solid var(--line)}
.rules-book-heading>.eyebrow{display:flex;align-items:center;gap:8px;color:var(--pink);font:9px var(--mono);letter-spacing:.11em}
.rules-book-heading>.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}
.rules-book-heading h2{margin:10px 0 7px;font:800 clamp(36px,5vw,60px)/.98 var(--display);text-transform:uppercase}
.rules-book-heading h2 em{color:var(--pink);font-style:normal}
.rules-book-heading>p,.rules-book-heading>.rich-content{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.rules-book-heading>p span{color:var(--pink)}
.rules-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.rules-book-card{position:relative;display:flex;min-height:153px;flex-direction:column;overflow:hidden;padding:16px;border:1px solid var(--line);background:var(--panel);transition:transform .18s,border-color .18s,background .18s}
.rules-book-card:after{position:absolute;right:-26px;bottom:-55px;width:135px;height:135px;border:1px solid #8b5cf613;border-radius:50%;content:""}
.rules-book-card:hover{transform:translateY(-2px);border-color:#8b5cf675;background:var(--panel-soft)}
.rules-book-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pink);font:8px var(--mono);letter-spacing:.08em}
.rules-book-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rules-book-card-meta b{font-size:14px}
.rules-book-card h3{position:relative;z-index:1;margin:13px 0 5px;font:700 21px/1.05 var(--display);text-transform:uppercase}
.rules-book-card-summary{position:relative;z-index:1;display:-webkit-box;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.rules-book-card-summary p{margin:0}
.rules-book-card-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;color:var(--pink);font-size:9px}
.rules-book-card-action b{font-size:15px;font-weight:400}
.rules-reading-page{margin-top:19px;border:1px solid var(--line);background:var(--panel)}
.rules-reading-meta{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--pink);font:8px var(--mono);letter-spacing:.08em}
.rules-reading-meta b{color:var(--muted);font-weight:400}
.rules-reading-body{min-height:170px;padding:22px 23px;color:var(--muted);font-size:13px;line-height:1.85}
.rules-reading-body h2,.rules-reading-body h3{color:var(--ink);font-family:var(--display)}
.rules-reading-body h2{margin:20px 0 8px;font-size:26px}
.rules-reading-body h3{margin:17px 0 7px;font-size:21px}
.rules-reading-body p{margin:0 0 13px}
.rules-reading-body ul,.rules-reading-body ol{padding-left:22px}
.rules-page-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 18px 18px}
.rules-page-nav a{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid var(--line);color:var(--ink)}
.rules-page-nav a.next{text-align:right}
.rules-page-nav a:hover{border-color:var(--pink)}
.rules-page-nav small{color:var(--pink);font:8px var(--mono);letter-spacing:.1em}
.rules-page-nav b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.rules-book-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:9px;line-height:1.6}
.rules-book-note>b{color:var(--pink);font:8px var(--mono);letter-spacing:.1em}
.rules-book-note>a{color:var(--pink);white-space:nowrap}
.rules-book-footer{display:flex;justify-content:space-between;gap:14px;margin-top:25px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font:8px var(--mono);letter-spacing:.07em}
.rules-book-footer i{color:var(--pink);font-style:normal}
.rules-book-footer a{color:var(--muted);font:10px "DM Sans",sans-serif;letter-spacing:normal}
.rules-book-footer a:hover,.rules-book-footer a b{color:var(--pink)}
.theme-light .rules-book-cover{background:radial-gradient(ellipse at 76% 40%,#8b5cf642,transparent 37%),radial-gradient(ellipse at 96% 92%,#a78bfa2e,transparent 34%),linear-gradient(115deg,#f4f0fa,#eae3f4 58%,#f7f5fb)}
.theme-light .rules-book-cover:before{background:linear-gradient(180deg,#fff0 10%,#f8f6fbe0 100%),repeating-linear-gradient(125deg,transparent 0 78px,#8b5cf608 79px,#8b5cf600 81px)}
.theme-light .rules-book-cover-copy>a,.theme-light .rules-book-cover-copy .eyebrow{color:#6d28d9}
.theme-light .rules-book-cover-copy h1{color:#282329}
.theme-light .rules-book-cover-copy p{color:#685f78}
.theme-light .rules-book-cover-shape{border-color:#8b5cf62b;color:#8b5cf61a}
.theme-light .rules-book-sidebar,.theme-light .rules-book-card,.theme-light .rules-reading-page,.theme-light .rules-book-note{background:#fff}
.theme-light .rules-category-nav a:hover,.theme-light .rules-category-nav a.active{background:#8b5cf60a}
.theme-light .rules-book-card:hover{background:#f9f7fc}
@media(max-width:880px){.rules-book-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.rules-book-cover-shape{right:0;width:350px;height:350px}}
@media(max-width:680px){.rules-book{padding-top:89px}.rules-book-cover{min-height:210px;padding:25px 18px}.rules-book-cover-copy>a{margin-bottom:22px}.rules-book-cover-copy h1{font-size:55px}.rules-book-cover-shape{right:-100px;top:-78px;width:280px;height:280px;font-size:130px}.rules-book-layout{display:flex;flex-direction:column;gap:17px;padding:20px 14px 0}.rules-book-sidebar{position:static;max-height:none;width:100%;padding:10px}.rules-sidebar-title{padding:5px 7px 9px}.rules-sidebar-caption{margin:11px 7px 6px}.rules-category-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-category-nav a{justify-content:center;gap:5px;padding:8px 4px;font-size:8px}.rules-category-nav a b{display:none}.rules-category-nav a span{width:auto}.rules-chapter-nav{display:flex;overflow:auto;gap:4px;padding:2px 0 5px}.rules-chapter-nav a{min-width:140px;padding:7px;border:1px solid var(--line);font-size:8px}.rules-book-content{width:100%}.rules-breadcrumb{margin-bottom:18px}.rules-book-heading h2{font-size:41px}.rules-book-grid{grid-template-columns:1fr;gap:8px;margin-top:14px}.rules-book-card{min-height:128px;padding:14px}.rules-book-card h3{font-size:19px}.rules-book-note{grid-template-columns:1fr;gap:5px}.rules-book-note>a{white-space:normal}.rules-book-footer{flex-direction:column}.rules-reading-body{padding:17px;font-size:11px}.rules-page-nav{padding:0 12px 12px}.rules-page-nav b{font-size:9px}}