.ranked-rules-dialog{width:min(960px,calc(100vw - 32px));max-height:88dvh;padding:clamp(20px,3vw,36px);border:1px solid #65898c66;border-radius:24px;background:#10272bed;color:#e9f1ef;box-shadow:0 28px 100px #0009;backdrop-filter:blur(24px)}
.ranked-rules-dialog::backdrop{background:#020b10a8;backdrop-filter:blur(8px)}
.ranked-rules-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.ranked-rules-head small{font:10px var(--font-pixel,'Minecraft',monospace);color:#f9c978;letter-spacing:2px}
.ranked-rules-head h2{font-size:clamp(24px,3vw,34px);margin:8px 0}
.ranked-rules-head button{width:40px;height:40px;border:1px solid #729b9c44;background:#fff08;color:inherit;border-radius:12px;font-size:25px;cursor:pointer}
.ranked-rules-dialog>p{color:#b3c8c8;line-height:1.7;margin-bottom:24px}
#ranked-rules-sections{display:grid;gap:16px}
.ranked-rule-card{padding:20px;border:1px solid #74c7a439;border-left:3px solid #74c7a4;border-radius:14px;background:#74c7a408}
.ranked-rule-card[data-rule="1"]{border-color:#f9c97839;border-left-color:#f9c978;background:#f9c97808}
.ranked-rule-card[data-rule="2"]{border-color:#e89da539;border-left-color:#e89da5;background:#e89da508}
.ranked-rule-card h3{font-size:13px;letter-spacing:1px;margin:0 0 12px;color:#8edebc;display:flex;align-items:center;gap:10px}
.ranked-rule-card[data-rule="1"] h3{color:#f9c978}.ranked-rule-card[data-rule="2"] h3{color:#e89da5}
.ranked-rule-card p{line-height:2.05;margin:8px 0;font-size:14px}
.ranked-rule-card img{object-fit:contain;vertical-align:middle;margin:0 2px}
#ranked-rules-open{font:inherit;padding:10px 15px;border-radius:10px;border:1px solid #f9c97866;background:#f9c9780d;color:#f9c978;cursor:pointer}
#ranked-rules-open:hover{background:#f9c9781c;box-shadow:0 0 20px #f9c97812}#ranked-rules-open:focus-visible,.ranked-rules-head button:focus-visible{outline:2px solid #f9c978;outline-offset:3px}
[data-theme="light"] .ranked-rules-dialog{background:#f4f8f5f5;color:#163738}[data-theme="light"] .ranked-rules-dialog>p{color:#496967}
[data-theme="light"] .ranked-rule-card h3{color:#23724f}[data-theme="light"] .ranked-rule-card[data-rule="1"] h3{color:#885e17}[data-theme="light"] .ranked-rule-card[data-rule="2"] h3{color:#a23c50}
[data-theme="light"] .ranked-rules-head small,[data-theme="light"] #ranked-rules-open{color:#885e17}