@keyframes hopper-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hopper-tumble-1{0%{transform:translate(0) rotate(0)}25%{transform:translate(26px,-32px) rotate(90deg)}50%{transform:translate(-18px,-52px) rotate(180deg)}75%{transform:translate(-34px,-14px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes hopper-tumble-2{0%{transform:translate(0) rotate(0)}25%{transform:translate(-30px,-20px) rotate(-110deg)}50%{transform:translate(14px,-46px) rotate(-200deg)}75%{transform:translate(32px,-8px) rotate(-290deg)}to{transform:translate(0) rotate(-360deg)}}@keyframes hopper-tumble-3{0%{transform:translate(0) rotate(0)}30%{transform:translate(18px,-44px) rotate(140deg)}60%{transform:translate(-28px,-26px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes hopper-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}}@keyframes hopper-ring-spin{to{transform:rotate(360deg)}}@keyframes hopper-chute{0%,to{opacity:.25}50%{opacity:1}}@keyframes hopper-fly{0%{transform:translate(var(--fx),var(--fy)) scale(.62);opacity:0}12%{transform:translate(calc(var(--fx) * .97),calc(var(--fy) * .9)) scale(.7);opacity:1}55%{transform:translate(calc(var(--fx) * .35),calc(var(--fy) * .2)) scale(1.06);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes hopper-pop{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.14)}to{transform:scale(1);opacity:1}}@keyframes hopper-flash{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.1);opacity:0}}@keyframes hopper-name-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hopper-ready{0%,to{box-shadow:inset 0 0 0 1px #3ddc9780,0 0 #3ddc9700}50%{box-shadow:inset 0 0 0 1px #3ddc97cc,0 0 22px #3ddc9759}}.hopper-bob{animation:hopper-bob 3.2s ease-in-out infinite}.hopper-shake{animation:hopper-shake .28s linear infinite}.hopper-spin-1{animation:hopper-tumble-1 .82s cubic-bezier(.45,.05,.55,.95) infinite}.hopper-spin-2{animation:hopper-tumble-2 .82s cubic-bezier(.45,.05,.55,.95) infinite}.hopper-spin-3{animation:hopper-tumble-3 .82s cubic-bezier(.45,.05,.55,.95) infinite}.hopper-ring{animation:hopper-ring-spin .5s linear infinite}.hopper-chute{animation:hopper-chute .5s ease-in-out infinite}.hopper-fly{animation:hopper-fly var(--fly-dur, .35s) cubic-bezier(.3,.7,.4,1) both}.hopper-pop{animation:hopper-pop .25s cubic-bezier(.34,1.56,.64,1) both}.hopper-flash{animation:hopper-flash .35s ease-out both}.hopper-name{animation:hopper-name-in .2s ease-out .09s both}.hopper-ready{animation:hopper-ready 2s ease-in-out infinite}.hopper-ball-team{position:relative;isolation:isolate;background:radial-gradient(circle at 36% 28%,#ff9c8e,#e0281b 54%,#7a0e06);color:#101010}.hopper-ball-team:before{content:"";position:absolute;left:18%;top:18%;width:64%;height:64%;border-radius:9999px;z-index:-1;background:radial-gradient(circle at 40% 32%,#fff,#ededed 78%);box-shadow:inset 0 -2px 4px #00000038,0 1px 2px #00000059}.hopper-ball-player{background:repeating-linear-gradient(97deg,rgba(92,58,20,.16) 0 2px,transparent 2px 7px),repeating-linear-gradient(84deg,rgba(58,32,8,.1) 0 1px,transparent 1px 11px),radial-gradient(circle at 34% 26%,#edc48d,#b07c3e 56%,#5c3a14);color:#2e1704;text-shadow:0 1px 0 rgba(255,226,178,.35),0 -1px 1px rgba(30,14,0,.8)}.hopper-ball-lg{box-shadow:inset 0 -5px 10px #0000004d,inset 0 5px 9px #ffffff80,0 8px 20px #00000080}.hopper-ball-sm{box-shadow:inset 0 -3px 6px #00000059,inset 0 3px 5px #ffffff80,0 3px 7px #00000073}.hopper-ball-fly{box-shadow:inset 0 -5px 10px #0000004d,inset 0 5px 9px #ffffff80,0 10px 26px #0000008c,0 0 30px #e0281b73}.hopper-ball-fly.hopper-ball-player{box-shadow:inset 0 -5px 10px #0000004d,inset 0 5px 9px #fff6,0 10px 26px #0000008c,0 0 30px #b07c3e80}.hopper-drum-rim{background:linear-gradient(180deg,#ffe28a,#f4b942 42%,#8a5f12 78%,#ffe28a);box-shadow:0 0 34px #f4b9422e}.hopper-drum-glass{background:radial-gradient(circle at 38% 26%,#ffffff24,#ffffff05 42%,#0000008c),radial-gradient(circle at 50% 120%,#16224a,#05070f 70%)}@media(prefers-reduced-motion:reduce){.hopper-bob,.hopper-shake,.hopper-spin-1,.hopper-spin-2,.hopper-spin-3,.hopper-ring,.hopper-chute,.hopper-fly,.hopper-pop,.hopper-flash,.hopper-name,.hopper-ready{animation:none!important}}.hopper-controls-stage{width:100%;max-width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px;box-sizing:border-box}.hopper-controls-header,.hopper-controls-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.hopper-control-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 9px;border:1px solid #ffffff24;border-radius:7px;font-size:12px;line-height:1.2;background:#ffffff08}.hopper-control-button:disabled{opacity:.35}.hopper-control-button:not(:disabled):hover{background:#ffffff16}.hopper-draw-team{background:#b52920;color:#fff;font-weight:800;min-height:36px}.hopper-draw-player{background:#852;color:#fff;font-weight:800;min-height:36px}.hopper-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:5px}.hopper-result{min-width:0;border:1px solid #ffffff20;border-radius:7px;padding:4px 7px;display:flex;align-items:center;gap:6px}.hopper-result-value{font-size:13px;line-height:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hopper-controls-pools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:6px;min-width:0}.hopper-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:3px;min-width:0}.hopper-options{position:relative}.hopper-options-panel{position:absolute;right:0;top:100%;z-index:50;width:320px;max-width:85vw;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background:#101b2e;border:1px solid #50617e;border-radius:8px;box-shadow:0 10px 30px #0008}.hopper-machine{position:relative;width:100%;height:100%;container-type:inline-size;isolation:isolate;filter:drop-shadow(0 16px 18px #0008)}.hopper-machine-globe{position:absolute;left:7%;top:1%;width:86%;height:86%;border-radius:50%;border:5px solid #d9aa52;background:radial-gradient(ellipse at 32% 20%,#d9edff44,#0b234b66 45%,#040b1699 90%);box-shadow:inset 0 0 0 3px #241500,inset 0 -14px 24px #0008,0 0 0 2px #ffedb655,0 0 36px #efa83d22}.hopper-cage{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;perspective:450px;opacity:.55}.hopper-cage span{position:absolute;top:1%;right:1%;bottom:1%;left:1%;border-radius:50%;border:2px solid #eac06a99;transform:rotateY(var(--rib));box-shadow:inset 0 0 2px #fff9}.is-mixing .hopper-cage{animation:hopper-cage-turn .65s linear infinite}.hopper-machine-balls{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;overflow:hidden}.hopper-machine-ball{position:absolute;display:flex;align-items:center;justify-content:center;width:17%;aspect-ratio:1;border-radius:50%;font-size:7cqi;font-weight:900;line-height:1;box-shadow:inset 0 -5px 8px #0005,inset 0 4px 6px #fff6,0 5px 9px #0006;transform:translate(-50%,-50%)}.is-mixing .hopper-machine-ball{animation:hopper-ball-bounce var(--speed) cubic-bezier(.35,.1,.65,.95) var(--delay) infinite}.hopper-machine-magic{background:conic-gradient(#fb5960,#ffc452,#65e7b2,#589aff,#b082f5,#fb5960);color:#fff;text-shadow:0 1px 4px #000}.hopper-machine-magic:before{display:none}.hopper-machine-glint{pointer-events:none;position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;border-top:4px solid #fff5;background:radial-gradient(ellipse at 28% 18%,#fff5,transparent 35%);box-shadow:inset -10px -8px 18px #0005;z-index:3}.hopper-machine-chute{position:absolute;left:95%;top:45%;width:20%;height:12%;border:3px solid #b58a42;border-radius:5px 16px 16px 5px;background:linear-gradient(#d7bd8a,#5b4021 40%,#201407 60%,#d7bd8a);box-shadow:0 6px 10px #0006;z-index:4}.hopper-machine-chute.is-lit{box-shadow:0 0 18px #ffcc6499,inset 0 0 10px #fbbf24;animation:hopper-chute .25s ease-in-out infinite}.hopper-machine-stand{position:absolute;bottom:0;left:19%;width:62%;height:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #ae843e;border-radius:12% 12% 18% 18%;background:linear-gradient(105deg,#4a3114,#09111f 20%,#142d47 60%,#705022);box-shadow:0 5px #35240f,0 12px 18px #0007}.hopper-machine-stand span{font-size:2.8cqi;color:#c6a45f;letter-spacing:.35em}.hopper-machine-stand b{font-size:4cqi;color:#ffdf91;letter-spacing:.12em;text-shadow:0 0 8px #ffbb3355}.hopper-machine-stand i{width:45%;height:2px;margin-top:3%;background:linear-gradient(90deg,transparent,#89dfff,transparent)}@keyframes hopper-cage-turn{to{transform:rotate(360deg)}}@keyframes hopper-ball-bounce{0%,to{transform:translate(-50%,-50%) rotate(0)}30%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--lift))) rotate(60deg)}60%{transform:translate(calc(-50% - var(--dx) * .6),calc(-50% + var(--lift) * .45)) rotate(-40deg)}85%{transform:translate(calc(-50% + var(--dx) * .25),calc(-50% - 12px)) rotate(15deg)}}@media(prefers-reduced-motion:reduce){.is-mixing .hopper-cage,.is-mixing .hopper-machine-ball,.hopper-machine-chute.is-lit{animation:none!important}}