.billiard-spinner{--ball-size: 32px;--font-size: 7px;--badge-size: 50%;--shine-width: 38%;--shine-height: 22%;--secondary-shine-width: 18%;--secondary-shine-height: 12%;--shadow-width: 75%;--shadow-height: 12%;--logo-size: 45%}.billiard-spinner.size-sm{--ball-size: 16px;--font-size: 4px}.billiard-spinner.size-md{--ball-size: 24px;--font-size: 6px}.billiard-spinner.size-lg{--ball-size: 32px;--font-size: 7px}.billiard-spinner.size-xl{--ball-size: 48px;--font-size: 11px}.billiard-spinner{display:inline-flex;align-items:center;justify-content:center;padding-bottom:calc(var(--ball-size) * .15)}.billiard-ball{width:var(--ball-size);height:var(--ball-size);border-radius:50%;position:relative;display:grid;place-items:center;transform-style:preserve-3d;perspective:600px;animation:ball-spin 1.8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 10px #00000026,0 6px 16px #00000059,0 2px 6px #0003,inset 0 -5px 12px #00000073,inset 0 4px 10px #ffffff40,inset 0 0 3px #0000001a}@keyframes ball-spin{0%,to{transform:rotateY(-25deg) scale(1)}25%{transform:rotateY(0) scale(1.015)}50%{transform:rotateY(25deg) scale(1)}75%{transform:rotateY(0) scale(.985)}}@keyframes shine-move{0%,to{left:8%;opacity:.95}50%{left:42%;opacity:.7}}@keyframes secondary-shine-move{0%,to{right:18%;opacity:.4}50%{right:8%;opacity:.2}}@keyframes shadow-pulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}25%{opacity:.8;transform:translate(-50%) scale(1.05)}50%{opacity:.5;transform:translate(-50%) scale(.9)}75%{opacity:.6;transform:translate(-50%) scale(.95)}}:root{--ball-yellow: #fcd34d;--ball-yellow-dark: #f59e0b;--ball-yellow-light: #fef08a;--ball-blue: #2563eb;--ball-blue-dark: #1d4ed8;--ball-blue-light: #3b82f6;--ball-red: #dc2626;--ball-red-dark: #b91c1c;--ball-red-light: #ef4444;--ball-purple: #7c3aed;--ball-purple-dark: #6d28d9;--ball-purple-light: #8b5cf6;--ball-orange: #f97316;--ball-orange-dark: #ea580c;--ball-orange-light: #fb923c;--ball-green: #16a34a;--ball-green-dark: #15803d;--ball-green-light: #22c55e;--ball-maroon: #991b1b;--ball-maroon-dark: #7f1d1d;--ball-maroon-light: #b91c1c;--ball-black: #1a1a1a;--ball-black-dark: #0d0d0d;--ball-black-light: #2a2a2a}.billiard-ball.ball-cue,.billiard-ball.ball-0{background:radial-gradient(circle at 28% 28%,#fffffff2,#fff6 25%,#fff0 45%),radial-gradient(circle at 50% 50%,#fff 40%,#f0f0f0 65%,#d4d4d4);box-shadow:0 0 10px #0000001f,0 6px 16px #00000040,0 2px 6px #00000026,inset 0 -5px 12px #0003,inset 0 4px 10px #ffffff80,inset 0 0 3px #0000000d}.billiard-ball.ball-cue .logo,.billiard-ball.ball-0 .logo{position:absolute;width:var(--logo-size);height:var(--logo-size);z-index:2;transform:rotateY(0);backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.billiard-ball.ball-cue .logo svg,.billiard-ball.ball-0 .logo svg{width:100%;height:100%}.billiard-ball[class*=ball-].solid-ball{background:radial-gradient(circle at 28% 28%,#ffffff59,#ffffff26 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1a,#fff0 30%),radial-gradient(circle at 50% 90%,#0006,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.15) 100%)}.billiard-ball.ball-1{background:radial-gradient(circle at 28% 28%,#fff6,#ffffff26 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1f,#fff0 30%),radial-gradient(circle at 50% 90%,#00000059,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.12) 100%),linear-gradient(145deg,var(--ball-yellow-light) 0%,var(--ball-yellow) 50%,var(--ball-yellow-dark) 100%)}.billiard-ball.ball-2{background:radial-gradient(circle at 28% 28%,#ffffff59,#ffffff1f 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1a,#fff0 30%),radial-gradient(circle at 50% 90%,#00000073,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.18) 100%),linear-gradient(145deg,var(--ball-blue-light) 0%,var(--ball-blue) 50%,var(--ball-blue-dark) 100%)}.billiard-ball.ball-3{background:radial-gradient(circle at 28% 28%,#ffffff59,#ffffff1f 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1a,#fff0 30%),radial-gradient(circle at 50% 90%,#00000073,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.18) 100%),linear-gradient(145deg,var(--ball-red-light) 0%,var(--ball-red) 50%,var(--ball-red-dark) 100%)}.billiard-ball.ball-4{background:radial-gradient(circle at 28% 28%,#ffffff59,#ffffff1f 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1a,#fff0 30%),radial-gradient(circle at 50% 90%,#00000073,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.18) 100%),linear-gradient(145deg,var(--ball-purple-light) 0%,var(--ball-purple) 50%,var(--ball-purple-dark) 100%)}.billiard-ball.ball-5{background:radial-gradient(circle at 28% 28%,#ffffff61,#ffffff24 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1c,#fff0 30%),radial-gradient(circle at 50% 90%,#0006,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.15) 100%),linear-gradient(145deg,var(--ball-orange-light) 0%,var(--ball-orange) 50%,var(--ball-orange-dark) 100%)}.billiard-ball.ball-6{background:radial-gradient(circle at 28% 28%,#ffffff59,#ffffff1f 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff1a,#fff0 30%),radial-gradient(circle at 50% 90%,#00000073,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.18) 100%),linear-gradient(145deg,var(--ball-green-light) 0%,var(--ball-green) 50%,var(--ball-green-dark) 100%)}.billiard-ball.ball-7{background:radial-gradient(circle at 28% 28%,#ffffff52,#ffffff1a 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff14,#fff0 30%),radial-gradient(circle at 50% 90%,#00000080,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.2) 100%),linear-gradient(145deg,var(--ball-maroon-light) 0%,var(--ball-maroon) 50%,var(--ball-maroon-dark) 100%)}.billiard-ball.ball-8{background:radial-gradient(circle at 28% 28%,#ffffff4d,#ffffff1a 25%,#fff0 45%),radial-gradient(circle at 70% 25%,#ffffff14,#fff0 30%),radial-gradient(circle at 50% 90%,#00000080,#0000 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.2) 100%),linear-gradient(145deg,var(--ball-black-light) 0%,var(--ball-black) 50%,var(--ball-black-dark) 100%)}.billiard-ball.ball-9{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.06) 21%,#fbbf24 22%,#fcd34d 35%,#fcd34d 65%,#f59e0b 78%,rgba(0,0,0,.06) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-10{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.08) 21%,#1d4ed8 22%,#2563eb 35%,#3b82f6 50%,#2563eb 65%,#1e40af 78%,rgba(0,0,0,.08) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-11{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.08) 21%,#b91c1c 22%,#dc2626 35%,#ef4444 50%,#dc2626 65%,#b91c1c 78%,rgba(0,0,0,.08) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-12{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.08) 21%,#6d28d9 22%,#7c3aed 35%,#8b5cf6 50%,#7c3aed 65%,#6d28d9 78%,rgba(0,0,0,.08) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-13{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.06) 21%,#ea580c 22%,#f97316 35%,#fb923c 50%,#f97316 65%,#ea580c 78%,rgba(0,0,0,.06) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-14{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.08) 21%,#15803d 22%,#16a34a 35%,#22c55e 50%,#16a34a 65%,#15803d 78%,rgba(0,0,0,.08) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball.ball-15{background:radial-gradient(ellipse 120% 50% at 50% -5%,#00000026,#0000 60%),radial-gradient(ellipse 120% 50% at 50% 105%,#0000002e,#0000 60%),linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.1) 21%,#7f1d1d 22%,#991b1b 35%,#b91c1c 50%,#991b1b 65%,#7f1d1d 78%,rgba(0,0,0,.1) 79%,transparent 80%),radial-gradient(circle at 50% 50%,#fff 40%,#f5f5f5,#e8e8e8)}.billiard-ball .ball-core{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 140% 60% at 50% 115%,#ffffff14,#0000004d 40%,#0000 60%),radial-gradient(circle at 50% 35%,#ffffff26,#fff0 50%);pointer-events:none;z-index:1}.billiard-ball.ball-cue .ball-core,.billiard-ball.ball-0 .ball-core,.billiard-ball.ball-9 .ball-core,.billiard-ball.ball-10 .ball-core,.billiard-ball.ball-11 .ball-core,.billiard-ball.ball-12 .ball-core,.billiard-ball.ball-13 .ball-core,.billiard-ball.ball-14 .ball-core,.billiard-ball.ball-15 .ball-core{background:radial-gradient(ellipse 140% 60% at 50% 115%,#ffffff0d,#0003 40%,#0000 60%),radial-gradient(circle at 50% 35%,#ffffff1a,#fff0 50%)}.billiard-ball .number-badge{position:absolute;width:var(--badge-size);height:var(--badge-size);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#fff,#fffffff2,#f0f0f0e6);box-shadow:inset 0 1px 3px #0000001f,inset 0 -1px 2px #fffc,0 1px 3px #0003,0 0 1px #0000001a;z-index:2;transform:rotateY(0);backface-visibility:hidden}.billiard-ball.ball-cue .number-badge,.billiard-ball.ball-0 .number-badge{display:none}.billiard-ball .number-badge .number{font-weight:800;font-size:var(--font-size);line-height:1;color:#111827;text-shadow:0 .5px 0 rgba(255,255,255,.5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.billiard-ball .shine{pointer-events:none;position:absolute;top:6%;left:8%;width:var(--shine-width);height:var(--shine-height);border-radius:50%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.2) 60%,transparent 100%);transform:skew(-12deg) rotate(-5deg);filter:blur(1px);z-index:4;animation:shine-move 1.8s cubic-bezier(.4,0,.2,1) infinite}.billiard-ball.ball-7 .shine,.billiard-ball.ball-8 .shine{background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 30%,rgba(255,255,255,.3) 60%,transparent 100%);filter:blur(.8px)}.billiard-ball .shine-secondary{pointer-events:none;position:absolute;top:15%;right:18%;width:var(--secondary-shine-width);height:var(--secondary-shine-height);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.5) 0%,rgba(255,255,255,.15) 50%,transparent 100%);filter:blur(2px);z-index:3;animation:secondary-shine-move 1.8s cubic-bezier(.4,0,.2,1) infinite}.billiard-ball.ball-7 .shine-secondary,.billiard-ball.ball-8 .shine-secondary{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.billiard-ball .ground-shadow{position:absolute;bottom:-18%;left:50%;transform:translate(-50%);width:var(--shadow-width);height:var(--shadow-height);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.45) 0%,rgba(0,0,0,.2) 40%,transparent 70%);filter:blur(3px);z-index:-1;animation:shadow-pulse 1.8s cubic-bezier(.4,0,.2,1) infinite}@media(prefers-reduced-motion:reduce){.billiard-ball{animation:ball-pulse 2.5s ease-in-out infinite}.billiard-ball .shine{animation:none;left:12%;opacity:.8}.billiard-ball .shine-secondary{animation:none;opacity:.3}.billiard-ball .ground-shadow{animation:none;opacity:.5}@keyframes ball-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.96);opacity:.9}}}