.JC-Rules{--rule-c:#42cdeb;--rule-b:#ff7a7a;--rule-s:#f7cd4f}.JC-RuleCode{min-width:34px;color:var(--k);border:1px solid color-mix(in srgb,var(--k)45%,transparent);background:color-mix(in srgb,var(--k)12%,transparent);cursor:help;border-radius:6px;justify-content:center;align-items:center;padding:2px 7px;font:700 12px/1.5 Consolas,monospace;display:inline-flex}.JC-RuleCode--c{--k:var(--rule-c)}.JC-RuleCode--b{--k:var(--rule-b)}.JC-RuleCode--s{--k:var(--rule-s)}.JC-RuleStages{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 10px;display:grid}.JC-RuleStage{border:1px solid #ffffff14;border-top:3px solid var(--k);background:color-mix(in srgb,var(--k)5%,#0a2334);border-radius:12px;padding:16px 16px 10px;scroll-margin-top:28px}.JC-RuleStage--c{--k:var(--rule-c)}.JC-RuleStage--b{--k:var(--rule-b)}.JC-RuleStage--s{--k:var(--rule-s)}.JC-Rules .JC-RuleStage h3{margin:0;font-size:18px}.JC-Rules .JC-RuleStage .muted{margin:0 0 10px}.JC-Rules .JC-RuleStage ol{margin:0;padding:0;list-style:none}.JC-Rules .JC-RuleStage li{border-top:1px solid #ffffff0c;align-items:flex-start;gap:10px;margin:0;padding:7px 0;font-size:13px;line-height:1.5;display:flex}.JC-Rules .JC-RuleStage li .JC-RuleCode{flex:none}.JC-Rules .JC-RuleList{margin:8px 0 0;padding:0;list-style:none}.JC-Rules .JC-RuleList li{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:flex-start;gap:16px;margin:0;padding:14px 0;display:flex}.JC-Rules .JC-RuleList li p{color:#93aebe;margin:3px 0 0;font-size:14px;line-height:1.6}.JC-RuleCodes{outline:none;flex:none;gap:6px;padding-top:2px;display:flex;position:relative}.JC-Rules .JC-RuleList li{transition:background .15s}.JC-Rules .JC-RuleList li:hover{background:linear-gradient(90deg,#0000,#ffffff06 30%,#ffffff0a)}.JC-RuleTip{z-index:5;opacity:0;visibility:hidden;pointer-events:none;background:#081b28f2;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:5px;width:max-content;min-width:150px;max-width:300px;padding:9px 12px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(6px,-50%);box-shadow:0 10px 28px #0008}.JC-RuleTip:after{content:"";background:#081b28;border-top:1px solid #ffffff1f;border-right:1px solid #ffffff1f;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.JC-RuleTip-row{color:#e6f1f7;white-space:normal;align-items:baseline;gap:8px;font-size:13px;line-height:1.4;display:flex}.JC-RuleTip-row b{min-width:24px;color:var(--k);flex:none;font:700 12px/1.4 Consolas,monospace}.JC-Rules .JC-RuleList li:hover .JC-RuleTip,.JC-RuleCodes:hover .JC-RuleTip,.JC-RuleCodes:focus-within .JC-RuleTip{opacity:1;visibility:visible;transform:translateY(-50%)}.JC-RuleCodes:focus-visible .JC-RuleCode{box-shadow:0 0 0 2px #ffffff40}.JC-RuleMods{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.JC-RuleMods-col{border:1px solid #ffffff14;border-top:3px solid var(--k);background:color-mix(in srgb,var(--k)5%,#0a2334);border-radius:12px;padding:16px 18px;scroll-margin-top:28px}.JC-RuleMods-col--banned{--k:var(--rule-b)}.JC-RuleMods-col--allowed{--k:#6fdc8c}.JC-Rules .JC-RuleMods-col h3{color:var(--k);margin:0 0 6px;font-size:18px}.JC-Rules .JC-RuleMods-col ul{margin:0;padding-left:18px}.JC-Rules .JC-RuleMods-col li{margin:5px 0;font-size:14px;line-height:1.55}@media (max-width:1100px){.JC-RuleStages{grid-template-columns:1fr}}@media (max-width:700px){.JC-RuleMods{grid-template-columns:1fr}.JC-Rules .JC-RuleList li{flex-direction:column;gap:8px}.JC-RuleTip{top:calc(100% + 10px);left:0;right:auto;transform:translateY(-6px)}.JC-RuleTip:after{top:-6px;left:14px;right:auto;transform:rotate(-45deg)}.JC-Rules .JC-RuleList li:hover .JC-RuleTip,.JC-RuleCodes:hover .JC-RuleTip,.JC-RuleCodes:focus-within .JC-RuleTip{transform:translate(0)}}