.lotto-checker{padding:var(--lotto-space-24,24px);border:1px solid var(--lotto-divider,#c3cdc5);border-radius:var(--lotto-radius-control,12px);background:var(--lotto-raised,#fff);color:var(--lotto-ink,#17211d)}.lotto-checker__title{margin:0 0 var(--lotto-space-8,8px);font-size:var(--lotto-font-title,1.55556rem);line-height:var(--lotto-line-title,2rem);font-weight:700}.lotto-checker__hint,.lotto-checker__period,.lotto-checker__inputs label>span,.lotto-checker__result-period{font-size:var(--lotto-font-meta,.888889rem);line-height:var(--lotto-line-meta,1.33333rem);color:var(--lotto-secondary,#526159)}.lotto-checker__form{gap:var(--lotto-space-20,20px);margin-top:var(--lotto-space-20,20px);display:grid}.lotto-checker__period{gap:var(--lotto-space-8,8px);font-weight:600;display:grid}.lotto-checker__period select,.lotto-checker__inputs input{width:100%;min-width:0;min-height:var(--lotto-touch,48px);border:1px solid var(--lotto-control-border,#7b8a7e);border-radius:var(--lotto-radius-control,12px);background:var(--lotto-raised,#fff);color:var(--lotto-ink,#17211d)}.lotto-checker__period select{appearance:auto;padding:var(--lotto-space-12,12px);font-size:var(--lotto-font-body,1rem);line-height:var(--lotto-line-body,1.55556rem)}.lotto-checker__inputs{grid-template-columns:repeat(auto-fit, minmax(max(var(--lotto-touch,48px), 2.75rem), 1fr));gap:var(--lotto-space-8,8px);max-width:390px;display:grid}.lotto-checker__inputs label{gap:var(--lotto-space-8,8px);text-align:center;min-width:0;display:grid}.lotto-checker__inputs input{padding:var(--lotto-space-4,4px);text-align:center;font-size:var(--lotto-font-number,1.55556rem);line-height:var(--lotto-line-number,2rem);font-variant-numeric:tabular-nums;font-weight:700}.lotto-checker__inputs input[aria-invalid=true]{border:2px solid var(--lotto-error,#a52d16)}.lotto-checker__error{color:var(--lotto-error,#a52d16);font-size:var(--lotto-font-meta,.888889rem);line-height:var(--lotto-line-meta,1.33333rem);margin:0}.lotto-checker__submit{min-height:var(--lotto-touch,48px);width:100%;padding:var(--lotto-space-12,12px) var(--lotto-space-20,20px);border:1px solid var(--lotto-action,#c2410c);border-radius:var(--lotto-radius-control,12px);background:var(--lotto-action,#c2410c);color:var(--lotto-on-action,#fff);font-size:var(--lotto-font-body,1rem);line-height:var(--lotto-line-body,1.55556rem);cursor:pointer;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lotto-checker__submit:hover{background:var(--lotto-action-hover,#9a3412)}.lotto-checker__submit:disabled{cursor:wait;background:var(--lotto-disabled,#e6ebe6);border-color:var(--lotto-control-border,#7b8a7e);color:var(--lotto-secondary,#526159)}.lotto-checker :is(input,select,button,a):focus-visible{outline:3px solid var(--lotto-focus,#1d4ed8);outline-offset:3px;box-shadow:none}.lotto-checker__result{margin-top:var(--lotto-space-24,24px);padding:var(--lotto-space-16,16px);border-left:4px solid var(--lotto-control-border,#7b8a7e);background:var(--lotto-disabled,#e6ebe6)}.lotto-checker__result--win{border-left-color:var(--lotto-success,#185c4a);background:var(--lotto-success-surface,#e9f5ee)}.lotto-checker__result p{margin:var(--lotto-space-8,8px) 0 0;overflow-wrap:anywhere}.lotto-checker__result p:first-child{margin-top:0}.lotto-checker__result-balls{gap:var(--lotto-space-4,4px);margin:var(--lotto-space-16,16px) 0;flex-wrap:wrap;display:flex}.lotto-checker__result-ball{width:var(--lotto-ball-select,44px);height:var(--lotto-ball-select,44px);border:1px solid var(--lotto-control-border,#7b8a7e);border-radius:var(--lotto-radius-pill,999px);color:var(--lotto-ink,#17211d);background:var(--lotto-raised,#fff);font-size:var(--lotto-font-number,1.55556rem);line-height:var(--lotto-line-number,2rem);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lotto-checker__matched{border:2px solid var(--lotto-action,#c2410c);color:var(--lotto-on-action,#fff);background:var(--lotto-action,#c2410c)}.lotto-checker__outcome{font-weight:700}@media (width<=1023px){.lotto-checker{background:0 0;border:0;border-radius:0;padding:0}}@media (width<=359px){.lotto-checker__inputs{gap:var(--lotto-space-4,4px)}}
