.rules-dialog{width:min(46rem,calc(100vw - 2rem));height:min(46rem,calc(100dvh - 2rem));max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);background:var(--color-surface);box-shadow:var(--surface-shadow)}
.rules-dialog__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-height:0}
.rules-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);border-bottom:1px solid var(--color-border);background:var(--color-surface)}
.rules-dialog__header>div{min-width:0}.rules-dialog__header .eyebrow{margin-bottom:var(--space-xs)}.rules-dialog__header h2{margin:0;font-size:clamp(1.35rem,5vw,2rem);line-height:1.15;overflow-wrap:anywhere}
.rules-dialog__body{min-width:0;min-height:0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;padding:clamp(1rem,3.5vw,1.75rem) clamp(1rem,4vw,2rem);background:var(--color-surface);scrollbar-color:var(--color-primary) var(--color-surface-raised);scrollbar-width:thin}
.rules-dialog__body::-webkit-scrollbar{width:.75rem}.rules-dialog__body::-webkit-scrollbar-track{border:2px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-surface-raised)}.rules-dialog__body::-webkit-scrollbar-thumb{border:2px solid var(--color-surface-raised);border-radius:var(--radius-pill);background:var(--color-primary)}.rules-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}
.rules-dialog__intro{max-width:42rem;margin:0 0 var(--space-lg);color:var(--color-muted);font-size:1rem;line-height:1.75;overflow-wrap:anywhere}
.rules-steps{display:grid;gap:var(--space-md);margin:0;padding:0;list-style:none}.rules-step{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:var(--space-md);align-items:start;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised)}
.rules-step__number{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--color-primary);color:var(--color-primary-ink);font-size:.9rem;font-weight:950}.rules-step h3{margin:0 0 var(--space-xs);font-size:1.08rem;line-height:1.35}.rules-step p,.rules-step ul{margin:0;line-height:1.7;overflow-wrap:anywhere}.rules-step ul{display:grid;gap:var(--space-xs);padding-left:1.15rem}.rules-card-name{display:inline-block;min-width:5.8rem;color:var(--color-primary);font-size:.84em;font-weight:900;letter-spacing:.04em}
.rules-limit{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-border);border-left:.3rem solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-raised);line-height:1.7;overflow-wrap:anywhere}.rules-limit strong{color:var(--color-primary)}.rules-tip{margin-top:var(--space-lg);padding:var(--space-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-raised);line-height:1.7;overflow-wrap:anywhere}
.rules-dialog__footer{display:flex;justify-content:flex-end;padding:var(--space-md) clamp(1rem,4vw,2rem);border-top:1px solid var(--color-border);background:var(--color-surface)}
@supports(padding:max(0px)){.rules-dialog{width:min(46rem,calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 1rem));height:min(46rem,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem))}}
@media(max-width:42rem){.rules-dialog__header{align-items:flex-start}.rules-dialog__body{padding:var(--space-md)}.rules-step{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-sm);padding:var(--space-sm)}.rules-step__number{width:2rem;height:2rem}.rules-step h3{font-size:1rem}.rules-card-name{display:block;min-width:0;margin-bottom:.1rem}.rules-dialog__footer .button{width:100%}}