.grid-container{position:relative;width:600px;max-width:100%;margin:20px auto;padding:20px;background:radial-gradient(circle at top,rgba(143,23,18,.2),transparent 32%),linear-gradient(180deg,rgba(28,19,12,.96),rgba(9,7,5,.98));border-radius:20px;border:1px solid rgba(226,167,72,.38);box-shadow:0 18px 42px rgba(0,0,0,.42)}.grid-wrapper{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-gap:8px;gap:8px;position:relative}.grid-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(255,238,204,.06);border:2px solid rgba(226,167,72,.18);border-radius:12px;cursor:pointer;transition:all .3s ease;padding:8px;position:relative;overflow:hidden}.grid-item:hover{background:rgba(255,231,173,.12);transform:scale(1.05)}.grid-item.active{background:linear-gradient(135deg,hsla(40,86%,75%,.48),rgba(255,245,210,.82),hsla(40,86%,75%,.48));border-color:#f6d187;border-width:4px;transform:scale(1.2);box-shadow:0 0 30px #f6d187,0 0 60px hsla(40,86%,75%,.8),0 0 90px hsla(0,0%,100%,.6),inset 0 0 20px hsla(40,86%,75%,.5);z-index:10;animation:active-pulse .3s ease-in-out,active-glow .5s ease-in-out infinite,active-rotate-border 2s linear infinite}@keyframes active-pulse{0%{transform:scale(1.1)}50%{transform:scale(1.25)}to{transform:scale(1.2)}}@keyframes active-glow{0%,to{box-shadow:0 0 30px #f6d187,0 0 60px hsla(40,86%,75%,.8),0 0 90px hsla(0,0%,100%,.6),inset 0 0 20px hsla(40,86%,75%,.5)}50%{box-shadow:0 0 40px #f6d187,0 0 80px #f6d187,0 0 120px hsla(0,0%,100%,.8),inset 0 0 30px hsla(40,86%,75%,.7)}}@keyframes active-rotate-border{0%{filter:hue-rotate(0deg) brightness(1.2)}50%{filter:hue-rotate(20deg) brightness(1.5)}to{filter:hue-rotate(0deg) brightness(1.2)}}.grid-item.active:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,transparent,hsla(40,86%,75%,.56),transparent);border-radius:12px;z-index:-1;animation:active-particle-rotate 1.5s linear infinite}.grid-item.active:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(-45deg,transparent,hsla(0,0%,100%,.4),transparent);border-radius:12px;z-index:-2;animation:active-particle-rotate-reverse 2s linear infinite}@keyframes active-particle-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes active-particle-rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.grid-item.winner{animation:winner-pulse 1s ease-in-out infinite}@keyframes winner-pulse{0%,to{background:hsla(40,86%,75%,.24);box-shadow:0 0 20px hsla(40,86%,75%,.8)}50%{background:hsla(40,86%,75%,.38);box-shadow:0 0 30px #f6d187}}.grid-item.pointer-target:before{content:"";position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #8f1712;filter:drop-shadow(0 2px 4px rgba(143,23,18,.72));z-index:20;animation:pointer-bounce 1s ease-in-out infinite}@keyframes pointer-bounce{0%,to{top:-30px}50%{top:-35px}}.item-content{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.item-content img{width:40px;height:40px;object-fit:contain}.grid-item.quality-0{border-color:#d75fea;background:rgba(215,95,234,.12)}.grid-item.quality-0 .item-content{filter:drop-shadow(0 0 6px #d75fea)}.grid-item.quality-1{border-color:#f0ad4e;background:rgba(240,173,78,.14)}.grid-item.quality-1 .item-content{filter:drop-shadow(0 0 5px #f0ad4e)}.grid-item.quality-2{border-color:#4169e1;background:rgba(65,105,225,.15)}.grid-item.quality-2 .item-content{filter:drop-shadow(0 0 3px #4169e1)}.grid-item.quality-3{border-color:grey;background:hsla(0,0%,50%,.15)}.spin-button-wrapper{grid-column:2/6;grid-row:2/6;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(143,23,18,.84),rgba(45,11,8,.96));border-radius:12px;box-shadow:0 0 30px rgba(143,23,18,.45);z-index:100;border:3px solid rgba(226,167,72,.34)}@keyframes glow-ssr{0%,to{filter:drop-shadow(0 0 5px #d75fea) drop-shadow(0 0 10px #d75fea)}50%{filter:drop-shadow(0 0 10px #d75fea) drop-shadow(0 0 20px #d75fea)}}@keyframes glow-sr{0%,to{filter:drop-shadow(0 0 5px #f0ad4e) drop-shadow(0 0 10px #f0ad4e)}50%{filter:drop-shadow(0 0 10px #f0ad4e) drop-shadow(0 0 20px #f0ad4e)}}.grid-item.quality-0 .item-content img{animation:glow-ssr 2s infinite}.grid-item.quality-1 .item-content img{animation:glow-sr 2s infinite}@media (max-width:600px){.grid-container{width:100%;padding:10px}.grid-wrapper{gap:4px}.item-content img{width:28px!important;height:28px!important}.grid-item{padding:4px}}@media (max-width:400px){.grid-container{padding:8px}.grid-wrapper{gap:3px}.item-content img{width:20px!important;height:20px!important}.grid-item{padding:2px;border-radius:8px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reward-item{animation:fadeInScale .5s ease-out}@keyframes progress-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.MuiLinearProgress-bar{animation:progress-glow 2s infinite}