.rules-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#172035 0,#07080e 42%,#030406 100%);color:#f5f7fa}.rules-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:45px 0 80px}.rules-hero{max-width:760px}.rules-hero span,.rule-panel header small{color:#38e2d6;font:800 10px Inter,sans-serif;letter-spacing:.18em}.rules-hero h1{margin:8px 0;font-size:clamp(34px,6vw,68px);line-height:.95}.rules-hero p,.rule-panel p,.rule-panel li{color:#b6c0cd;line-height:1.65}.rule-nav{display:flex;gap:8px;overflow:auto;margin:28px 0 18px;padding-bottom:5px}.rule-nav button{flex:0 0 auto;padding:10px 14px;border:1px solid #334052;border-radius:999px;background:#0b0e16;color:#c7d0db;font-weight:800;cursor:pointer}.rule-nav button.active{border-color:#d6a33f;background:linear-gradient(135deg,#183135,#33203d);color:#fff;box-shadow:0 0 18px #d6a33f33}.rule-panel{display:none;padding:26px;border:1px solid #303746;border-radius:18px;background:linear-gradient(150deg,rgba(18,20,31,.97),rgba(8,9,14,.97));box-shadow:0 22px 70px #0008}.rule-panel.active{display:block}.rule-panel h2{margin:7px 0 4px;font-size:28px}.rule-panel ul{display:grid;gap:11px;margin:22px 0 0;padding-left:22px}.rule-panel li b{color:#fff}.rule-callouts,.caps-grid,.discipline-grid{display:grid;gap:12px;margin-top:22px}.rule-callouts{grid-template-columns:repeat(2,1fr)}.rule-callouts div{display:grid;gap:7px;padding:15px;border:1px solid #187c70;border-radius:12px;background:#0a241f;color:#bcece4}.rule-callouts .danger{border-color:#9f3348;background:#2b1119;color:#efc2cc}.caps-grid{grid-template-columns:repeat(3,1fr)}.caps-grid>div{display:grid;align-content:start;padding:16px;border:1px solid #333a48;border-radius:13px;background:#11131b}.caps-grid>div>b{margin-bottom:8px;color:#d852ef;font-size:11px;letter-spacing:.14em}.caps-grid span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff12;color:#d5dbe3}.caps-grid strong{color:#d6a33f}.discipline-grid{grid-template-columns:repeat(4,1fr)}.discipline-grid div{display:grid;gap:5px;padding:16px;border:1px solid #444857;border-radius:12px;background:#15161e}.discipline-grid b{color:#d6a33f;font-size:22px}.discipline-grid span{color:#9ca9b8}.severity{margin:18px 0 0!important;padding:12px;border-left:3px solid #d13f5a;background:#35121a66}@media(max-width:760px){.caps-grid,.discipline-grid,.rule-callouts{grid-template-columns:1fr}.rules-shell{width:min(100% - 18px,1120px);padding-top:24px}.rule-panel{padding:18px}}