.pool-tray{--ball:clamp(9px, calc((100cqi - 2px) / 10), 17px);flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-width:0;display:flex;container-type:inline-size}.pool-tray.is-large{--ball:clamp(15px, calc((100cqi - 2px) / 10), 30px)}.pool-tray-rail{align-items:center;gap:calc(var(--ball) * .14);padding:calc(var(--ball) * .2) calc(var(--ball) * .32);background:linear-gradient(#020a07,#0a1d16 55%,#11291f);border:1px solid #d6ad6342;border-radius:999px;display:inline-flex;box-shadow:inset 0 2px 5px #000000d9,inset 0 -1px #ffffff0f,0 1px #ffffff0a}.pool-tray-ball,.pool-tray-slot{width:var(--ball);height:var(--ball);border-radius:50%;flex:none;position:relative}.pool-tray-ball{background:url(/pool/balls.webp) calc(var(--i) * 100% / 14) 0 / 1500% 100% no-repeat;box-shadow:0 1px 2px #000000bf}.pool-tray-slot{background:radial-gradient(circle at 50% 36%,#0009,#00000047 62%,#ffffff0d);box-shadow:inset 0 1px 2px #000c,0 1px #ffffff0d}.pool-tray-rail>.is-eight{margin-left:calc(var(--ball) * .3)}.pool-tray-rail>.is-eight:before{content:"";top:12%;bottom:12%;left:calc(var(--ball) * -.3);background:#d6ad636b;width:1px;position:absolute}.pool-tray-ball.is-eight{box-shadow:0 0 0 1.5px #e9c978, 0 0 calc(var(--ball) * .75) #f2d27e99, 0 1px 2px #000000bf}.pool-tray-slot.is-eight{box-shadow:inset 0 1px 2px #000c,0 0 0 1px #d6ad632e}.pool-tray-caption{color:#a99c78;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.pool-tray-caption b{color:#f2d68f;letter-spacing:.1em;background:#d6ad631f;border:1px solid #e9c97880;border-radius:999px;padding:3px 7px;font-size:9px}.pool-tray.is-large .pool-tray-ball{animation:.62s cubic-bezier(.2,.8,.25,1) both pool-tray-roll;animation-delay:calc(.3s + var(--order) * 85ms)}.pool-tray.is-large .pool-tray-ball.is-eight{animation-name:pool-tray-eight;animation-duration:.7s}@keyframes pool-tray-roll{0%{opacity:0;transform:translateX(calc(var(--ball) * -2.4)) rotate(-220deg)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes pool-tray-eight{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pool-tray.is-large .pool-tray-ball{animation:none}}.match-history-player-score .pool-tray{--ball:clamp(9px, calc((100cqi - 2px) / 10), 22px);margin-top:2px}.postmatch-standings article>.pool-tray{grid-column:1/-1;padding-top:2px}.live-match-score.is-balls{justify-content:flex-end;width:124px;display:flex}.live-match-score.is-balls .pool-tray{align-items:flex-end}
