.cup-tower-root{--ct-px:var(--px,4px);--ct-tilt:0deg}.cup-tower-root *,.cup-tower-root :after,.cup-tower-root :before{box-sizing:border-box}.ct-cup{position:relative;width:calc(var(--ct-px) * 18);height:calc(var(--ct-px) * 15);flex-shrink:0;image-rendering:pixelated}.ct-cup__body{left:calc(var(--ct-px) * 2);right:calc(var(--ct-px) * 3);top:calc(var(--ct-px) * 3);bottom:0;background:var(--cup-fill);box-shadow:inset calc(var(--ct-px) * -1) 0 0 rgba(0,0,0,.2),inset calc(var(--ct-px) * 1) 0 0 rgba(255,255,255,.25),var(--shadow-3d-sm)}.ct-cup__body,.ct-cup__rim{position:absolute;border:2px solid var(--gray-8)}.ct-cup__rim{top:calc(var(--ct-px) * 1);left:calc(var(--ct-px) * 1);right:calc(var(--ct-px) * 2);height:calc(var(--ct-px) * 4);background:var(--cup-rim);z-index:2;box-shadow:inset 0 calc(var(--ct-px) * 1) 0 var(--gray-0)}.ct-cup__handle{position:absolute;right:0;top:calc(var(--ct-px) * 5);width:calc(var(--ct-px) * 4);height:calc(var(--ct-px) * 6);border:2px solid var(--gray-8);border-left:none;background:transparent;z-index:1;box-shadow:var(--shadow-3d-sm)}.ct-cup__handle:after{content:"";position:absolute;inset:2px 2px 2px 0;background:var(--color-bg)}.ct-cup[data-context=away]{--cup-fill:var(--gray-5);--cup-rim:var(--gray-3)}.ct-cup[data-context=home]{--cup-fill:var(--gray-2);--cup-rim:var(--gray-1)}.ct-cup--sm{width:calc(var(--ct-px) * 14);height:calc(var(--ct-px) * 12)}.ct-cup--sm .ct-cup__body{left:calc(var(--ct-px) * 1.5);right:calc(var(--ct-px) * 2.5);top:calc(var(--ct-px) * 2.5)}.ct-cup--sm .ct-cup__rim{top:calc(var(--ct-px) * .5);height:calc(var(--ct-px) * 3)}.ct-cup--sm .ct-cup__handle{top:calc(var(--ct-px) * 4);width:calc(var(--ct-px) * 3);height:calc(var(--ct-px) * 5)}.ct-tower{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:0;width:calc(var(--ct-px) * 30);min-height:calc(var(--ct-px) * 55)}.ct-tower--clipped{overflow:hidden;min-height:calc(var(--ct-px) * 48);max-height:calc(var(--ct-px) * 52);mask-image:linear-gradient(0deg,transparent 0,black 18%)}.ct-tower__slot{position:relative;display:flex;justify-content:center;margin-top:calc(var(--ct-px) * -2);transform-origin:50% 90%}.ct-tower__slot:first-child{margin-top:0}.ct-tower__slot--standing{transform:rotate(var(--ct-tilt))}.ct-tower__slot--falling{z-index:5;opacity:0}.ct-tower__slot--falling.ct-is-dropping{animation:ct-cup-drop var(--ct-drop-dur,.85s) var(--ease-snap,cubic-bezier(.34,1.56,.64,1)) forwards}.ct-tower__slot--falling.ct-is-settled{opacity:1;transform:translateY(0) rotate(var(--ct-tilt,-.8deg))}.ct-tower--impact .ct-tower__slot--standing{animation:ct-stack-jolt var(--ct-jolt-dur,.4s) steps(4)}.ct-tower__ground{width:calc(var(--ct-px) * 40);height:calc(var(--ct-px) * 2);margin-top:calc(var(--ct-px) * -1);background:var(--gray-3);border:2px solid var(--gray-8);box-shadow:var(--shadow-3d-sm)}@keyframes ct-cup-drop{0%{opacity:0;transform:translateY(calc(var(--ct-px) * -55)) rotate(2deg)}55%{opacity:1;transform:translateY(calc(var(--ct-px) * 2)) rotate(-1.5deg)}72%{transform:translateY(calc(var(--ct-px) * -2)) rotate(1deg)}88%{transform:translateY(calc(var(--ct-px) * 1)) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(var(--ct-tilt,-.8deg))}}@keyframes ct-stack-jolt{0%,to{transform:translateY(0) rotate(var(--ct-tilt))}30%{transform:translateY(calc(var(--ct-px) * 1.5)) rotate(calc(var(--ct-tilt) * 1.4))}55%{transform:translateY(calc(var(--ct-px) * -.5)) rotate(calc(var(--ct-tilt) * .7))}}.cup-tower-sheet-scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--gray-8) 40%,transparent)}.cup-tower-sheet{width:min(100%,440px);background:var(--color-bg);border:2px solid var(--color-border);border-bottom:none;box-shadow:0 -4px 0 var(--gray-6);padding:calc(var(--px, 4px) * 3) calc(var(--px, 4px) * 5) calc(var(--px, 4px) * 8)}.cup-tower-sheet__handle{width:calc(var(--px, 4px) * 10);height:calc(var(--px, 4px) * 1);margin:0 auto calc(var(--px, 4px) * 4);background:var(--gray-3)}.cup-tower-sheet__title{margin:0;text-align:center;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cup-tower-sheet__count{margin:calc(var(--px, 4px) * 1) 0 0;text-align:center;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.cup-tower-sheet__stage{position:relative;display:flex;flex-direction:column;align-items:center;margin:calc(var(--px, 4px) * 6) auto calc(var(--px, 4px) * 3);padding:calc(var(--px, 4px) * 4) 0 calc(var(--px, 4px) * 5);border:2px solid var(--color-border);background:var(--color-surface)}.cup-tower-sheet__actions{display:flex;flex-direction:column;gap:calc(var(--px, 4px) * 2)}.cup-tower-share-canvas,.cup-tower-share-canvas *,.cup-tower-share-canvas :after,.cup-tower-share-canvas :before{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){.ct-tower--impact .ct-tower__slot--standing{animation:none}.ct-tower__slot--falling.ct-is-dropping,.ct-tower__slot--falling.ct-is-settled{animation:none;opacity:1;transform:none}.cup-tower-sheet{animation:none}}