/* Scoped controls preserve the saved-results layout and fit narrow screens. */
.rank-random{background:#eef6f3;border:1px solid #d1e7de;border-radius:18px;padding:24px;margin:0 0 30px}
.rank-random h2{font-size:19px;margin:0;letter-spacing:-.6px}
.rank-random p{font-size:11px;color:var(--muted);line-height:1.8;margin:8px 0}
#rr-context{color:#246957}
#rank-random-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:18px}
.rr-range{display:flex;gap:8px;align-items:flex-end}
.rr-range>span{padding:10px 0}
#rank-random-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#4d645e}
#rank-random-form input{width:88px;font:inherit;font-size:14px;color:var(--ink);border:1px solid #c4d9d0;border-radius:8px;background:#fff;padding:9px 10px;height:42px}
#rank-random-form input:focus-visible{outline:3px solid #58aafe;outline-offset:2px}
#rr-generate{font:inherit;font-size:13px;border:0;border-radius:8px;padding:11px 18px;min-height:42px;color:white;background:var(--green);font-weight:650}
#rr-pools{color:#285e50;margin-top:14px}
#rr-pool-detail{font-size:11px;color:var(--muted);margin:8px 0}
#rr-pool-detail summary{cursor:pointer;width:fit-content}
#rr-pool-detail p{overflow-wrap:anywhere}
#rr-message{color:#285e50;min-height:20px}
#rr-results{border-top:1px solid #cfe1d9;padding-top:18px;margin-top:12px}
#rr-results h3{margin:0;font-size:15px}
#rr-grid{margin-top:18px}
#rr-grid .number-ball{padding:0}
#rr-grid .rr-selected:not(.matched){border-color:#86bca9;background:#e5f3ed;color:#286d55}
#rr-results .section-heading{align-items:center}
@media(max-width:680px){.rank-random{padding:20px 14px}.rank-random h2{font-size:18px}#rank-random-form{gap:12px}#rank-random-form input{width:78px}.rr-range{width:100%}#rr-generate{width:100%}#rr-results .section-heading{flex-wrap:wrap}.rank-random .combo-card{padding-left:12px;padding-right:12px}.rank-random .combo-balls{gap:6px}.rank-random .number-ball{width:30px;height:30px;font-size:13px}}