.roulette-viewport{position:relative;display:block;overflow:hidden!important;touch-action:pan-y;cursor:grab;height:176px;padding:26px 0 0!important;user-select:none;-webkit-user-select:none}
.roulette-viewport.is-dragging{cursor:grabbing}
.roulette-viewport .ribbon-cycle{position:absolute;inset:26px 0 auto;display:block;padding:0;pointer-events:none}
.roulette-viewport .ribbon-project{position:absolute;top:0;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;height:140px;min-height:0;white-space:nowrap;pointer-events:auto;will-change:transform}
.roulette-viewport .ribbon-art{display:flex;align-items:center;justify-content:center;min-height:82px;flex-shrink:0}
.roulette-viewport .ribbon-art img{max-height:82px}
.ribbon-category{font:400 11px/1.4 var(--display);color:var(--muted);white-space:nowrap;letter-spacing:0}
.ribbon-project:hover .ribbon-category{color:var(--hover)}
.roulette-flapper{position:absolute;left:calc(50% - 7px);top:0;width:14px;height:25px;color:#c05b45;transform-origin:50% 3px;pointer-events:none;z-index:2}
.roulette-flapper svg{display:block;width:100%;height:100%;fill:currentColor}
.roulette-flapper:not(:has(svg)){background:currentColor;clip-path:polygon(12% 0,88% 0,100% 65%,50% 100%,0 65%)}
.roulette-zero{position:absolute;top:26px;width:220px;height:124px;background:#244b3b;color:#f7f2e8;display:flex;align-items:center;justify-content:center;border-radius:3px;pointer-events:none;overflow:hidden}
.roulette-zero span{font:500 100px/.9 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.roulette-zero i{position:absolute;width:12px;height:12px;right:15px;top:15px;border-radius:50%;background:#df795e}
.roulette-zero.is-winning span{animation:roulette-confirm .36s cubic-bezier(.16,1,.3,1)}
@keyframes roulette-confirm{from{transform:scale(.94)}to{transform:scale(1)}}
.ribbon-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.prize-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}
@media(max-width:600px){.roulette-viewport{height:165px}.roulette-viewport .ribbon-project{gap:10px;padding-inline:12px}.roulette-viewport .ribbon-art{min-height:76px}.roulette-viewport .ribbon-art img{max-height:76px}.ribbon-category{font-size:10px}.roulette-zero{width:190px;height:114px}.roulette-zero span{font-size:92px}}
@media(prefers-reduced-motion:reduce){.roulette-zero.is-winning span{animation:none}.roulette-viewport .ribbon-project{will-change:auto}}

.roulette-viewport .ribbon-title-text{display:flex;align-items:center;justify-content:center;min-height:82px;width:210px;font:500 40px/1 var(--display);letter-spacing:-.05em}
@media(max-width:600px){.roulette-viewport .ribbon-title-text{min-height:76px;width:168px;font-size:34px}}