.rules-intro{max-width:540px;margin-bottom:24px}
.rules-open-button{margin-top:4px}
.rules-dialog{width:min(820px,calc(100% - 32px));max-width:none;padding:0;border:0;border-radius:24px;background:#11141a;color:#f8fafc;box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}
.rules-dialog::backdrop{background:rgba(3,5,9,.82);backdrop-filter:blur(6px)}
.rules-dialog-card{max-height:min(84vh,820px);display:flex;flex-direction:column}
.rules-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:#11141a}
.rules-dialog-header h2{font-size:clamp(25px,4vw,36px);letter-spacing:-.035em;margin:6px 0 0}
.rules-dialog-close{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid var(--line);background:#0b0e13;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.rules-dialog-close:hover{background:#7f1d1d;border-color:#ef4444}
.rules-dialog-content{white-space:pre-line;overflow-y:auto;padding:26px 30px 36px;font-size:15px;line-height:1.75}
@media(max-width:640px){.rules-dialog{width:calc(100% - 16px);margin:8px auto;border-radius:18px}.rules-dialog-card{max-height:calc(100vh - 16px)}.rules-dialog-header{padding:18px}.rules-dialog-content{padding:20px;font-size:14px;line-height:1.65}}
