.ball-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.lotto-ball{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:0 3px 6px rgb(0 0 0 / .15),inset 0 2px 4px rgb(255 255 255 / .3);text-shadow:0 1px 2px rgb(0 0 0 / .25);flex-shrink:0}.lotto-ball.sm{width:32px;height:32px;font-size:.85rem}.lotto-ball.lg{width:48px;height:48px;font-size:1.25rem}.ball-num-1-10{background:linear-gradient(135deg,#facc15,#ca8a04)}.ball-num-11-20{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ball-num-21-30{background:linear-gradient(135deg,#ef4444,#b91c1c)}.ball-num-31-40{background:linear-gradient(135deg,#64748b,#334155)}.ball-num-41-45{background:linear-gradient(135deg,#10b981,#047857)}.ball-plus{font-weight:800;color:var(--text-muted);font-size:1.2rem;margin:0 2px}.bonus-label{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--accent-red);background:var(--accent-red-light);border:1px solid rgb(239 68 68 / .25);padding:2px 7px;border-radius:var(--radius-sm);margin-left:4px;vertical-align:middle}.lotto-ball.ball-3d{position:relative;box-shadow:inset 0 -3px 6px rgb(0 0 0 / .4),0 5px 12px rgb(0 0 0 / .35);transition:transform 0.2s cubic-bezier(.34,1.56,.64,1),box-shadow 0.2s}.lotto-ball.ball-3d::after{content:'';position:absolute;top:3px;left:7px;width:10px;height:6px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .8) 0%,#fff0 100%);pointer-events:none}.lotto-ball.ball-3d:hover{transform:scale(1.15) translateY(-3px);box-shadow:inset 0 -3px 6px rgb(0 0 0 / .4),0 8px 18px rgb(0 0 0 / .45)}@media (max-width:640px){.lotto-ball{width:34px;height:34px;font-size:.88rem}.ball-group{gap:6px}}