.overlay button.secondary{margin:0 0 14px;background:#0b0b18;border:1px solid #54d4ff;box-shadow:0 0 15px #31bfff44;padding:10px 22px}
.rules{justify-content:flex-start;padding:44px 18px 18px;overflow-y:auto}
.rules h1{font-size:28px;margin:0 0 4px}.rules .rule-lead{font-size:12px;max-width:360px;margin:0 0 13px;color:#ddd6e7}
.rules .rule-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;border:0;background:transparent}
.rules article{min-height:68px;text-align:left;padding:9px;border:1px solid #31cfff80;border-radius:9px;background:#080916e8;box-shadow:inset 0 0 15px #712b8f28}
.rules article b{font-size:10px;color:#ffe274}.rules article span{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:#e6e0ec}
.rules .legend{font-size:10px!important;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}.rules .legend span{padding:5px 7px;border-radius:20px;background:#171024;border:1px solid #ff42bf55}
.rules>button{margin:11px 0 7px}.rules>button.secondary{margin:0}
@media(max-height:700px){.rules{padding-top:20px}.rules article{min-height:58px}.rules .rule-lead{margin-bottom:8px}.rules .rule-grid{gap:5px}.rules>button{margin-top:8px}}