.rules-header{max-width:100%;padding:0 24px;margin-bottom:40px}.rules-header-card{max-width:1400px;margin:0 auto;padding:48px 56px;border-radius:28px;text-align:center}.rules-header-card h1{font-size:clamp(2.2rem,4vw,3.6rem);margin-bottom:12px}.rules-header-card .rules-lead{max-width:760px;margin:0 auto 28px;font-size:1.1rem;color:var(--color-text-soft);line-height:1.7}.rules-header-card .page-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.rules-layout{display:grid;grid-template-columns:200px 1fr 200px;gap:32px;max-width:1400px;margin:0 auto;padding:0 24px}.rules-sidebar{padding:24px 20px;align-self:start;position:sticky;top:100px}.rules-sidebar h2{font-size:.9rem;margin-bottom:16px;text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.rules-sidebar-right .rules-sidebar-note{font-size:.85rem;color:var(--color-text-soft);margin-bottom:16px}.rules-nav{display:flex;flex-direction:column;gap:4px}.rules-nav-link{padding:6px 12px;border-radius:8px;color:var(--color-text-soft);text-decoration:none;transition:all .2s ease;font-size:.9rem;line-height:1.4}.rules-nav-link:hover{color:var(--color-text-bright);background:#ffffff0d}.rules-nav-link-active{color:var(--color-accent-light);background:#3fc0c61f;text-shadow:0 0 12px rgba(63,192,198,.3)}.rules-content{display:flex;flex-direction:column;gap:24px}.rules-note{padding:16px 24px;border-radius:16px;text-align:center;color:var(--color-text-soft);font-size:.95rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.rules-note strong{color:var(--color-text-bright)}.rules-search-shortcuts{display:flex;justify-content:center;gap:20px;margin-top:8px;list-style:none;padding:0}.rules-search-shortcuts li{color:var(--color-text-muted);font-size:.85rem}.rules-search-shortcuts kbd{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-family:inherit;font-size:.8rem;color:var(--color-text-bright)}.rules-section{padding:32px;border-radius:24px}.rules-section>*:first-child{margin-top:0}.rules-section>*:last-child{margin-bottom:0}.rules-section h2{margin:2.5rem 0 1rem;font-size:1.75rem;text-align:left;color:var(--color-text-bright)}.rules-section h3{margin:2rem 0 .75rem;font-size:1.2rem;text-align:left;color:var(--color-text-bright)}.rules-section h4{margin:1.5rem 0 .5rem;font-size:1.05rem;color:var(--color-text-bright)}.rules-section p{margin:0 0 1.25rem;color:var(--color-text-soft);line-height:1.9}.rules-section ul,.rules-section ol{margin:1.25rem 0;padding-left:2rem;color:var(--color-text-soft);line-height:1.9}.rules-section li{margin-bottom:.75rem}.rules-section li:last-child{margin-bottom:0}.rules-section strong{color:var(--color-text-bright)}.rules-section blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--color-accent);background:#ffffff08;border-radius:0 12px 12px 0}.rules-section hr{margin:2rem 0;border:none;height:1px;background:#ffffff14}.rules-section code{padding:.15rem .4rem;border-radius:6px;background:#ffffff14;font-size:.95em}.rules-section pre{margin:1.5rem 0;padding:1rem;overflow-x:auto;border-radius:12px}.rules-section pre code{padding:0;background:none}@media(max-width:768px){.rules-header{padding:0 16px}.rules-header-card{padding:28px 20px}.rules-header-card h1{font-size:1.8rem}.rules-header-card .rules-lead{font-size:1rem}.rules-layout{grid-template-columns:1fr;padding:0 16px;gap:20px}.rules-sidebar{display:none}.rules-section{padding:24px 20px}.rules-note{padding:12px 16px;font-size:.9rem}.rules-search-shortcuts{flex-direction:column;gap:4px}.rules-section h2{font-size:1.3rem}.rules-section h3{font-size:1rem}.rules-section p,.rules-section li{font-size:.95rem}.rules-section ul{margin:12px 0 12px 40px;padding:16px 24px;background:#ffffff08;border-radius:12px;border-left:3px solid rgba(63,192,198,.25);color:var(--color-text-soft);line-height:1.8;list-style-type:disc}.rules-section ul li{margin-bottom:6px}.rules-section ul li:last-child{margin-bottom:0}}@media(max-width:480px){.rules-header-card{padding:20px 16px}.rules-header-card h1{font-size:1.5rem}.rules-section{padding:20px 16px}.rules-section h2{font-size:1.1rem}}