.rulesPage{background:var(--bg);min-height:100vh;color:var(--text-primary);padding-bottom:80px}.rulesExplorer{grid-template-columns:320px minmax(0,1fr);gap:40px;padding-top:50px;display:grid}.rulesExplorer aside{align-self:start;position:sticky;top:104px}.rulesExplorer h1{letter-spacing:-.5px;margin:10px 0 24px;font-size:34px;font-weight:800;line-height:1.1}.rulesMenu{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.rulesMenu button{text-align:left;border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:13px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.rulesMenu button:last-child{border-bottom:0}.rulesMenu button span{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:1px;font-size:11px;font-weight:700}.rulesMenu button:hover{background:var(--panel-card);color:var(--text-primary)}.rulesMenu button.active{color:var(--accent-light);border-left:3px solid var(--accent);background:#1c152d;font-weight:600}.rulesMenu button.active span{color:var(--accent-light)}.rulesContent{background:var(--panel-card);min-width:0;color:var(--text-secondary);border:1px solid #a855f740;border-radius:12px;padding:clamp(28px,4vw,56px);line-height:1.75}.ruleHeading{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.ruleHeading span{color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.ruleHeading h2{color:var(--text-primary);letter-spacing:-.5px;margin:10px 0 0;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.1}.rulesContent h1,.rulesContent h2,.rulesContent h3,.rulesContent h4{color:var(--text-primary);font-family:var(--font-heading);margin:36px 0 14px;line-height:1.2}.rulesContent h1{font-size:28px}.rulesContent h2{font-size:22px}.rulesContent h3{font-size:18px}.rulesContent p,.rulesContent li{color:var(--text-secondary);font-size:15px}.rulesContent ul,.rulesContent ol{margin:16px 0;padding-left:24px}.rulesContent li{margin-bottom:8px}.rulesContent strong{color:var(--text-primary)}.rulesContent a{color:var(--accent-light);text-decoration:underline}.rulesContent blockquote{border-left:3px solid var(--accent);color:var(--text-primary);background:#9333ea1f;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px}.rulesContent code{color:var(--accent-light);background:#10121a;border:1px solid #a855f740;border-radius:4px;padding:2px 6px;font-size:13px}@media (width<=900px){.rulesExplorer{grid-template-columns:1fr;gap:24px;padding-top:30px}.rulesExplorer aside{position:static}.rulesMenu{flex-direction:row;gap:6px;max-height:none;padding:6px;display:flex;overflow-x:auto}.rulesMenu button{white-space:nowrap;border-bottom:0;border-radius:6px;width:auto;padding:8px 14px}.rulesMenu button.active{border-left:0;border-bottom:2px solid var(--accent)}.rulesContent{padding:24px}}