.slot-reel-wrapper{width:100%;position:relative;overflow:visible}.slot-reel-viewport{-webkit-backdrop-filter:blur(6px);cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch;background:#ffffff2e;border-radius:20px;width:100%;padding:16px 0;overflow:hidden;box-shadow:inset 0 2px #ffffff80,0 4px 20px #0000001a}.slot-reel-viewport:active{cursor:grabbing}.slot-reel-track{will-change:transform;align-items:center;padding:0;display:flex}.slot-card{-webkit-user-select:none;user-select:none;flex-shrink:0;gap:6px;transition:none;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;height:200px!important;padding:14px 10px!important;display:flex!important;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f!important}.slot-card__img-wrap{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.slot-card__img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;border-radius:8px;max-width:100%;max-height:120px}.slot-card__no-img{font-size:3.2rem}.slot-card__name{text-align:center;word-break:break-word;margin:0;padding:0 4px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;line-height:1.25}.slot-reel-indicator{display:none}.slot-reel-hands{z-index:10;pointer-events:none;width:120px;position:absolute;top:0;left:50%;transform:translate(-50%)}.slot-reel-hands__img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000026);-webkit-user-drag:none;width:100%;height:auto}.slot-reel-fade{z-index:5;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.slot-reel-fade--left{background:linear-gradient(90deg,#ff963c8c 0%,#0000 100%);border-radius:20px 0 0 20px;left:0}.slot-reel-fade--right{background:linear-gradient(270deg,#ff963c8c 0%,#0000 100%);border-radius:0 20px 20px 0;right:0}
.win-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#b450008c;justify-content:center;align-items:center;animation:.3s ease-out overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.win-modal{text-align:center;background:linear-gradient(160deg,#fff8f0 0%,#fff 100%);border:2px solid #ffa03c59;border-radius:28px;width:min(460px,92vw);padding:40px 36px 32px;animation:.45s cubic-bezier(.22,1,.36,1) modalIn;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffa03c26,0 25px 80px #b4500040,0 0 60px #ffa0001a}@keyframes modalIn{0%{opacity:0;transform:scale(.78)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.win-modal__close{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.win-modal__close:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.win-modal__header{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.win-modal__emoji{font-size:2rem;animation:1.2s ease-in-out infinite alternate swingEmoji}.win-modal__emoji:last-child{animation-direction:alternate-reverse}@keyframes swingEmoji{0%{transform:rotate(-10deg)scale(1)}to{transform:rotate(10deg)scale(1.15)}}.win-modal__title{color:#e86000;text-shadow:0 2px 8px #e8600033;letter-spacing:.02em;font-size:2.4rem;font-weight:900}.win-modal__prize{border-radius:20px;margin-bottom:28px;padding:24px 20px 20px;animation:.55s cubic-bezier(.22,1,.36,1) .2s both prizeIn;box-shadow:0 8px 32px #b4500026,0 0 0 1px #ffa03c33}@keyframes prizeIn{0%{opacity:0;transform:scale(.6)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.win-modal__prize-img-wrap{justify-content:center;align-items:center;height:160px;margin-bottom:12px;animation:2.5s ease-in-out infinite floatPrize;display:flex}@keyframes floatPrize{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.win-modal__prize-img{object-fit:contain;filter:drop-shadow(0 8px 20px #0006);max-width:100%;max-height:150px}.win-modal__prize-fallback{font-size:5rem}.win-modal__prize-name{color:#333;font-size:1.3rem;font-weight:800;line-height:1.3}.win-modal__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.win-modal__btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;padding:13px 28px;font-size:1rem;font-weight:700;transition:all .2s}.win-modal__btn--claim{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98159}.win-modal__btn--claim:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 8px 28px #10b98180}.win-modal__btn--again{color:#e86000;background:#e8600014;border:1.5px solid #e8600040}.win-modal__btn--again:hover{background:#e8600024;transform:translateY(-2px)}.confetti-wrapper{pointer-events:none;z-index:0;border-radius:24px;position:absolute;inset:0;overflow:hidden}.confetti-piece{will-change:transform;animation:linear infinite confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(500px)rotate(600deg)}}
.player-page{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.player-page__bg{z-index:0;background:radial-gradient(at 50% 30%,#ffbe7a 0%,#ff8c3a 40%,#e85a10 100%);position:fixed;inset:0}.player-page__sunray{z-index:0;opacity:.2;pointer-events:none;background:url(/sunray.svg) 50%/contain no-repeat;width:250vmax;height:250vmax;position:fixed;top:55%;left:50%;transform:translate(-50%,-50%)}.player-page>:not(.player-page__bg):not(.player-page__sunray){z-index:1;position:relative}.player-page__header{flex-direction:column;align-items:center;margin-bottom:16px;padding-top:24px;display:flex}.player-page__title-img{object-fit:contain;filter:drop-shadow(0 4px 18px #0003);width:50vw;max-width:320px;height:auto}.player-page__title-fallback{color:#fff;text-shadow:0 3px 12px #00000040;font-size:1.9rem;font-weight:900;display:none}.player-page__reel-zone{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.player-page__mascot{z-index:4;pointer-events:none;justify-content:center;align-items:flex-end;margin-bottom:-64px;display:flex;position:relative}.player-page__mascot-img{object-fit:contain;filter:drop-shadow(0 8px 20px #00000026);-webkit-user-drag:none;width:130px;height:130px;animation:3s ease-in-out infinite floatMascot}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.player-page__reel-wrap{z-index:5;width:min(1280px,98vw);position:relative}.player-page__btn-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-bottom:36px;display:flex}.spin-btn{cursor:pointer;letter-spacing:.03em;color:#fff;text-shadow:0 2px 4px #b450004d;background:linear-gradient(#ffd569 0%,#ff7a05 100%);border:none;border-radius:9999px;align-items:center;gap:10px;padding:18px 64px;font-family:Varela Round,Nunito,Outfit,sans-serif;font-size:1.3rem;font-weight:800;transition:background .3s,box-shadow .3s,transform .15s,border .3s;display:flex;box-shadow:0 6px #c95e00,0 10px 30px #ff7a0573}.spin-btn:before{content:"▶";font-size:1rem}.spin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 9px #c95e00,0 16px 36px #ff7a058c}.spin-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #c95e00,0 6px 20px #ff7a0566}.spin-btn:disabled{color:#ffffffb3;cursor:not-allowed;background:#ffffff59;transform:none;box-shadow:0 6px #0000,0 10px 30px #0000}.spin-btn--spinning{background:#ffffff40;border:2px solid #ffffff73;animation:1s ease-in-out infinite spinBtnPulse;box-shadow:0 6px #0000,0 10px 30px #0000}.spin-btn--spinning:before{content:none}@keyframes spinBtnPulse{0%,to{opacity:1}50%{opacity:.65}}.spin-btn__inner{align-items:center;gap:10px;display:flex}.spin-btn__loader{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.player-page__swipe-hint{color:#ffffffb3;align-items:center;gap:6px;margin:0;font-size:.85rem;font-weight:600;transition:opacity .3s;animation:2s ease-in-out infinite hintPulse;display:flex}.player-page__swipe-hint--hidden{opacity:0;animation:none}.player-page__swipe-icon{font-size:1.1rem;animation:1.8s ease-in-out infinite swipeHand}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes swipeHand{0%,to{transform:translate(0)}30%{transform:translate(10px)}60%{transform:translate(-10px)}}.empty-state{-webkit-backdrop-filter:blur(14px);text-align:center;background:#ffffff38;border:2px solid #ffffff73;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:90vw;max-width:400px;margin:32px 16px;padding:48px 40px 44px;animation:.5s cubic-bezier(.22,1,.36,1) both emptyIn;display:flex;box-shadow:inset 0 1px #fff9,0 12px 40px #b450002e}@keyframes emptyIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.empty-state__icon{font-size:4rem;animation:2.8s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-12px)rotate(4deg)}}.empty-state__title{color:#fff;text-shadow:0 2px 8px #0003;margin:0;font-size:1.5rem;font-weight:800}.empty-state--stock .empty-state__title{color:#fff3e0}.empty-state__desc{color:#ffffffd9;margin:0;font-size:.95rem;line-height:1.6}.empty-state__dots{gap:8px;margin-top:6px;display:flex}.empty-state__dots span{background:#ffffffb3;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite dotPulse}.empty-state__dots span:first-child{animation-delay:0s}.empty-state__dots span:nth-child(2){animation-delay:.22s}.empty-state__dots span:nth-child(3){animation-delay:.44s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}