/* The Builder's Numbers / Stars grouping, shared by all numerical draw views. */
.number-combination,.number-combination *{box-sizing:border-box}
.featured-draw,.small-draw,.saved-ticket,.saved-editor{container-type:inline-size}
.number-combination{--combination-main-count:6;--combination-extra-count:0;--combination-ball-size:36px;display:flex;align-items:flex-start;gap:10px;min-width:0;width:100%;max-width:calc((var(--combination-main-count) + var(--combination-extra-count)) * 46px + 10px);grid-column:1/-1}
.number-combination>.combination-main{flex:var(--combination-main-count) 1 0;min-width:0}
.number-combination>.combination-extra{--combination-divider-offset:8px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:var(--combination-field-count,1) 1 0;min-width:0;gap:0;margin:0;padding:0 0 0 var(--combination-divider-offset);border:0;pointer-events:none}
.number-combination>.combination-extra>.combination-values{position:relative}
.number-combination>.combination-extra>.combination-values:before{content:"";position:absolute;left:calc(-1 * var(--combination-divider-offset));top:0;bottom:0;border-left:1px solid var(--line);pointer-events:none}
.number-combination .combination-label{display:block;min-height:15px;margin:0 0 5px;font-size:10px;font-weight:600;line-height:15px;color:var(--muted);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.number-combination>.combination-extra>.combination-label{text-align:center;margin-right:0}
.number-combination .combination-values{display:grid;grid-template-columns:repeat(var(--combination-value-count,var(--combination-main-count)),minmax(0,1fr));align-items:center;gap:4px;width:100%;min-width:0;max-width:none;margin:0;padding:0;flex-wrap:nowrap}
.number-combination .combination-values>:is(strong,.ball){position:relative;display:flex;align-items:center;justify-content:center;justify-self:center;flex:0 1 auto;width:min(var(--combination-ball-size),100%);height:auto;min-width:0;min-height:0;max-width:var(--combination-ball-size);aspect-ratio:1;padding:0;font-size:clamp(13px,calc(13px + (100cqi - 220px)/14),18px);line-height:1;font-weight:750;letter-spacing:0;font-variant-numeric:tabular-nums;box-shadow:none}
.number-combination .prior-match-numbers strong{border:1px solid var(--accent);border-radius:50%;background:var(--accent-soft);color:var(--surface-number-ink)}
.number-combination .prior-match-numbers strong:before{display:none}
.number-combination .prior-match-numbers strong.is-miss{border:1px dashed var(--muted);background:var(--surface);font-weight:550}
.number-combination .prior-match-value{width:100%;height:100%;min-height:0;font-size:inherit;border-radius:50%}
.number-combination .combination-values>.stats-star{font-size:clamp(9px,calc(9px + (100cqi - 220px)/60),12px)}
.number-combination .prior-match-stars{gap:6px}
.number-combination .prior-match-extra-score{position:absolute;width:1px;height:1px;min-width:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.number-combination .prior-extra-unknown{display:flex;align-items:center;justify-content:center;justify-self:center;width:min(var(--combination-ball-size),100%);aspect-ratio:1;font-size:17px;color:var(--muted)}
.featured-draw>.number-combination{--combination-ball-size:44px;margin:24px 0 16px}
.featured-draw>.number-combination .combination-label{color:var(--feature-muted)}
.featured-draw>.number-combination :is(.prior-match-numbers strong,.prior-key-value){background:#fff;border-color:#fff;color:#000}
.featured-draw>.number-combination .prior-match-value{font-size:inherit}
.small-draw>.number-combination{margin:18px 0 0}
.saved-ticket-balls>.number-combination,.saved-editor .number-combination{margin:15px 0}
.saved-ticket-balls:has(>.number-combination){display:block;margin:0}
.saved-ticket .number-combination .ball{border:1px solid var(--accent);border-radius:50%;background:var(--surface);color:var(--surface-number-ink)}
.draw-list-card>.number-combination{align-self:start;justify-self:start}
.draw-extras:empty{display:none}
/* The reference Builder keeps appearance counts beneath its shared number row. */
#le-advisor-assistance .advisor-suggestion-layout.number-combination{display:flex;max-width:calc((var(--combination-main-count) + var(--combination-extra-count,0)) * 46px + 10px);gap:10px}
#le-advisor-assistance .number-combination>.combination-extra{--combination-divider-offset:8px}
#le-advisor-assistance .number-combination .combination-extra :is(.advisor-star-picks,[data-advisor-key-pick])>button:first-child>b,#le-advisor-assistance .number-combination .combination-extra>[data-advisor-refund-pick]>b{position:relative}
#le-advisor-assistance .number-combination .combination-extra :is(.advisor-star-picks,[data-advisor-key-pick])>button:first-child>b:after,#le-advisor-assistance .number-combination .combination-extra>[data-advisor-refund-pick]>b:after{content:"";position:absolute;left:calc(-1 * var(--combination-divider-offset));top:0;bottom:0;border-left:1px solid var(--line);pointer-events:none}
#le-advisor-assistance .number-combination .combination-extra [data-advisor-key-pick]>button:first-child>b:after,#le-advisor-assistance .number-combination .combination-extra>[data-advisor-refund-pick]>b:after{top:-1px;bottom:-1px}
#le-advisor-assistance .number-combination>.combination-extra[hidden]{display:none}
#le-advisor-assistance .number-combination .advisor-suggestion-list{grid-template-columns:repeat(var(--advisor-suggestion-count,6),minmax(0,1fr));gap:4px}
#le-advisor-assistance .number-combination .advisor-suggestion b{width:min(36px,100%);height:auto;min-width:0;max-width:36px;aspect-ratio:1;font-size:clamp(13px,calc(13px + (100cqi - 220px)/14),18px)}
#le-advisor-assistance .number-combination .advisor-star-pick b.stats-star{font-size:11px}
#le-advisor-assistance .number-combination .advisor-suggestion small{font-size:10px}
#le-advisor-assistance .number-combination .advisor-suggestion-label{margin-bottom:5px}
@container(max-width:270px){.number-combination{gap:7px}.number-combination>.combination-extra{--combination-divider-offset:5px}.number-combination .combination-values{gap:3px}.number-combination .combination-label{font-size:9px}.number-combination .combination-values>:is(strong,.ball){font-size:13px}.number-combination .combination-values>.stats-star{font-size:9px}}
