.roulette-cell{display:flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;flex-shrink:0;position:relative;overflow:hidden}.roulette-cell--small{width:40px;height:40px}.roulette-cell--medium{width:60px;height:60px}@media(min-width:768px){.roulette-cell--medium{width:80px;height:80px}}.roulette-cell--large{width:80px;height:80px}@media(min-width:768px){.roulette-cell--large{width:100px;height:100px}}.roulette-cell--green{background:linear-gradient(135deg,#1a8855,#156e45);border:2px solid #22a866}.roulette-cell--red{background:linear-gradient(135deg,#d72738,#ba1626);border:2px solid #f03040}.roulette-cell--black{background:linear-gradient(135deg,#383b48,#2a2c36);border:2px solid #4a4d5c}.roulette-cell--winner{animation:winner-pop .5s ease forwards;z-index:10;box-shadow:0 0 20px hsla(0,0%,100%,.5)}.roulette-cell--winner.roulette-cell--green{box-shadow:0 0 25px rgba(26,136,85,.8)}.roulette-cell--winner.roulette-cell--red{box-shadow:0 0 25px rgba(215,39,56,.8)}.roulette-cell--winner.roulette-cell--black{box-shadow:0 0 25px rgba(56,59,72,.8)}.roulette-cell__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.roulette-cell__symbol{font-size:2rem;color:var(--color-light-grey-1);text-shadow:0 2px 4px rgba(0,0,0,.3);user-select:none;line-height:1;transform:translateY(-3px)}@media(min-width:768px){.roulette-cell__symbol{font-size:2.5rem}}.roulette-cell__icon{width:60%;height:60%;fill:#fff;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.roulette-cell__icon--lockly{width:50%;height:50%}@keyframes winner-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.roulette-wheel{width:100%;margin-bottom:1rem}.roulette-wheel__container{position:relative;height:100px;overflow:hidden;background-color:var(--color-dark-grey-1);border-radius:16px;box-shadow:inset 0 0 15px rgba(0,0,0,.5)}@media(min-width:768px){.roulette-wheel__container{height:120px;border-radius:20px}}.roulette-wheel__track{display:flex;align-items:center;height:100%;gap:8px;padding:0 20px;will-change:transform}@media(min-width:768px){.roulette-wheel__track{gap:12px;padding:0 30px}}.roulette-wheel__marker{position:absolute;top:-8px;bottom:-8px;left:50%;transform:translateX(-50%);width:4px;background:var(--color-accent-primary);border-radius:4px;z-index:20;box-shadow:0 0 10px var(--color-accent-primary)}.roulette-wheel__marker:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-accent-primary)}.roulette-wheel__fade{position:absolute;top:0;bottom:0;width:20%;z-index:10;pointer-events:none}@media(min-width:768px){.roulette-wheel__fade{width:25%}}.roulette-wheel__fade--left{left:0;background:linear-gradient(90deg,var(--color-dark-grey-1) 0,transparent 100%);border-radius:16px 0 0 16px}@media(min-width:768px){.roulette-wheel__fade--left{border-radius:20px 0 0 20px}}.roulette-wheel__fade--right{right:0;background:linear-gradient(270deg,var(--color-dark-grey-1) 0,transparent 100%);border-radius:0 16px 16px 0}@media(min-width:768px){.roulette-wheel__fade--right{border-radius:0 20px 20px 0}}.roulette-wheel__overlay{display:flex;align-items:center;justify-content:center;z-index:25;pointer-events:none}.roulette-wheel__mask,.roulette-wheel__overlay{position:absolute;top:0;left:0;right:0;bottom:0}.roulette-wheel__mask{background:rgba(11,12,14,.741);border-radius:16px;z-index:15}@media(min-width:768px){.roulette-wheel__mask{border-radius:20px}}