.lotto-shell{margin-bottom:44px;overflow:hidden}.lotto-form-panel,.lotto-result,.lotto-saved{padding:30px}.lotto-form-panel{display:grid;gap:22px}.lotto-intro{display:grid;gap:8px}.lotto-intro h2,.lotto-result h2,.lotto-saved h2{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.04em}.lotto-intro p,.lotto-privacy,.lotto-saved-heading p{color:var(--muted)}.lotto-fields{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.lotto-field{display:grid;gap:9px}.lotto-field label{font-weight:850}.lotto-field input,.lotto-field select{background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);font:inherit;min-height:56px;padding:0 15px;width:100%}.lotto-field input:focus,.lotto-field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent);outline:none}.lotto-field small{color:var(--muted);font-size:.8rem;line-height:1.55}.lotto-error{color:var(--danger,#b42318);font-weight:750;min-height:24px}.lotto-result{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 9%,var(--surface)),var(--surface));border-top:1px solid var(--line);scroll-margin-top:90px}.lotto-result[hidden]{display:none}.lotto-result-heading{display:grid;gap:5px}.lotto-balls,.lotto-saved-balls{display:flex;flex-wrap:wrap;gap:10px}.lotto-balls{margin:24px 0}.lotto-ball{align-items:center;border:2px solid rgba(255,255,255,.6);border-radius:50%;box-shadow:0 7px 14px rgba(0,0,0,.15);color:#fff;display:inline-flex;font-size:1.15rem;font-weight:950;height:56px;justify-content:center;width:56px}.lotto-ball.is-yellow{background:#c78300}.lotto-ball.is-blue{background:#2673c9}.lotto-ball.is-red{background:#d64b45}.lotto-ball.is-gray{background:#64748b}.lotto-ball.is-green{background:#258b55}.lotto-analysis{display:flex;flex-wrap:wrap;gap:9px}.lotto-analysis span{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.83rem;padding:8px 12px}.lotto-analysis strong{color:var(--ink)}.lotto-fortune{border-left:4px solid var(--accent);font-weight:800;margin:20px 0 0;padding:10px 14px}.lotto-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.lotto-privacy{font-size:.8rem;line-height:1.6;margin-top:16px}.lotto-saved{border-top:1px solid var(--line)}.lotto-saved-heading{align-items:end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.lotto-saved-heading>div{display:grid;gap:5px}.lotto-saved-list{display:grid;gap:10px;list-style:none;margin:0;padding:0}.lotto-saved-list li{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto auto;padding:14px}.lotto-saved-list .lotto-ball{box-shadow:none;font-size:.76rem;height:34px;width:34px}.lotto-saved-list li>span{color:var(--muted);font-size:.78rem}.lotto-saved-list button{background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--ink);cursor:pointer;padding:8px 10px}.lotto-saved-list .lotto-saved-empty{color:var(--muted);display:block;line-height:1.6}.lotto-rankings{margin-bottom:48px}.lotto-ranking-header{display:grid;gap:8px;margin-bottom:18px}.lotto-ranking-header p{color:var(--muted);max-width:820px}.lotto-table-wrap{border:1px solid var(--line);border-radius:18px;max-height:680px;overflow:auto}.lotto-table{border-collapse:collapse;font-size:.86rem;width:100%}.lotto-table th,.lotto-table td{border-bottom:1px solid var(--line);padding:13px 14px;text-align:left;white-space:nowrap}.lotto-table thead th{background:var(--surface-soft);position:sticky;top:0;z-index:1}.lotto-table tbody tr:nth-child(-n+3){background:color-mix(in srgb,var(--accent) 9%,transparent)}.lotto-table td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:850;text-align:right}.lotto-table .lotto-mini-numbers{display:flex;gap:4px}.lotto-mini-numbers span{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:50%;display:inline-flex;font-size:.7rem;height:27px;justify-content:center;width:27px}.lotto-ranking-more{display:flex;justify-content:center;margin-top:16px}.lotto-caution{background:var(--surface-soft);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;padding:17px 19px}.lotto-caution p{margin:0}.lotto-result.is-celebrating .lotto-ball{animation:lotto-pop .45s ease both}.lotto-result.is-celebrating .lotto-ball:nth-child(2){animation-delay:.05s}.lotto-result.is-celebrating .lotto-ball:nth-child(3){animation-delay:.1s}.lotto-result.is-celebrating .lotto-ball:nth-child(4){animation-delay:.15s}.lotto-result.is-celebrating .lotto-ball:nth-child(5){animation-delay:.2s}.lotto-result.is-celebrating .lotto-ball:nth-child(6){animation-delay:.25s}@keyframes lotto-pop{0%{opacity:0;transform:translateY(12px) scale(.7)}100%{opacity:1;transform:none}}@media(max-width:720px){.lotto-form-panel,.lotto-result,.lotto-saved{padding:24px 18px}.lotto-fields{grid-template-columns:1fr}.lotto-actions .button,.lotto-form-panel>.button{min-height:50px;width:100%}.lotto-ball{font-size:1rem;height:48px;width:48px}.lotto-balls{gap:7px}.lotto-saved-heading{align-items:start;flex-direction:column}.lotto-saved-list li{grid-template-columns:1fr auto}.lotto-saved-list li>span{grid-column:1}.lotto-table{font-size:.8rem}.lotto-table th,.lotto-table td{padding:11px 10px}.lotto-table .lotto-mini-numbers span{height:24px;width:24px}}@media(prefers-reduced-motion:reduce){.lotto-result.is-celebrating .lotto-ball{animation:none}}