.roulette-page{padding:120px 0 80px;background:#000;color:#fff}.page-title{font-size:36px;text-align:center;margin-bottom:50px;font-weight:400;letter-spacing:2px}.roulette-container{margin:0 auto 60px;max-width:600px}.roulette-placeholder{background:#111;border:2px dashed #333;height:400px;display:flex;align-items:center;justify-content:center;position:relative}.roulette-placeholder span{color:#555;font-size:24px;letter-spacing:2px}.roulette-tabs{border-top:1px solid #333;padding-top:40px}.tabs-header{display:flex;border-bottom:1px solid #333;margin-bottom:30px}.tab-btn{background:transparent;color:#aaa;border:none;padding:15px 25px;font-size:14px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative}.tab-btn.active{color:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#fff}.tab-pane{display:none;line-height:1.6;color:#ccc}.tab-pane.active{display:block}.tab-pane h3{font-size:18px;margin-bottom:15px;color:#fff}.tab-pane ul{padding-left:20px;margin:15px 0}.tab-pane li{margin-bottom:8px}.prizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.prize-link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.prize-link:hover{transform:translateY(-5px)}.prize-card{border:1px solid #333;padding:20px;display:flex;gap:20px;transition:all .3s ease;height:100%;box-sizing:border-box}.prize-link:hover .prize-card{border-color:#fff;background:#ffffff0d}.prize-image img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover}.prize-info{flex:1}.prize-info h4{font-size:16px;margin-bottom:5px;font-weight:700;color:#fff}.prize-rarity{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.prize-status{font-size:12px;margin-bottom:10px;color:#aaa}.prize-card.common{border-left:3px solid #555}.prize-card.uncommon{border-left:3px solid #10b981}.prize-card.rare{border-left:3px solid #4a8fe7}.prize-card.epic{border-left:3px solid #a855f7}.prize-card.legendary{border-left:3px solid #f59e0b}.common .prize-rarity{color:#555}.uncommon .prize-rarity{color:#10b981}.rare .prize-rarity{color:#4a8fe7}.epic .prize-rarity{color:#a855f7}.legendary .prize-rarity{color:#f59e0b}.roulette-wrapper{position:relative;margin:0 auto 60px;max-width:100%}.roulette-outer{height:220px;border:2px solid #333;border-radius:8px;padding:20px;overflow:hidden;position:relative;width:100%}.selection-indicator{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff80;transform:translate(-50%);z-index:10;pointer-events:none}.roulette-inner{position:absolute;left:1px;display:flex;gap:15px;transition:transform 6s cubic-bezier(.1,.4,.1,1);padding:10px 0;will-change:transform;align-items:center;flex-wrap:nowrap}.roulette-item{flex:0 0 auto;width:1.5%;height:160px;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#111;transition:transform .1s ease-out}.roulette-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;box-shadow:inset 0 0 15px #00000080}.roulette-item.common{border-color:#555}.roulette-item.common:after{box-shadow:inset 0 0 15px #5555554d}.roulette-item.uncommon{border-color:#10b981}.roulette-item.uncommon:after{box-shadow:inset 0 0 15px #10b9814d}.roulette-item.rare{border-color:#4a8fe7}.roulette-item.rare:after{box-shadow:inset 0 0 15px #4a8fe74d}.roulette-item.epic{border-color:#a855f7}.roulette-item.epic:after{box-shadow:inset 0 0 15px #a855f74d}.roulette-item.legendary{border-color:#f59e0b}.roulette-item.legendary:after{box-shadow:inset 0 0 15px #f59e0b4d}.roulette-item img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.roulette-item .item-rarity{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.spin-btn{display:block;margin:30px auto 0;background:#fff;color:#000;border:none;padding:15px 40px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.spin-btn:hover{background:#000;color:#fff;outline:1px solid #fff}.spin-btn:disabled{background:#555;cursor:not-allowed}.win-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.win-popup.show{opacity:1}.win-content{background:#111;padding:40px;border-radius:12px;max-width:450px;width:90%;text-align:center;position:relative;overflow:hidden;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 0 #fff0}.win-popup.show .win-content{transform:translateY(0)}.win-content:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:16px;z-index:-1;opacity:0;transition:opacity .5s ease}.win-popup.show .win-content:before{opacity:1}.win-content.common:before{animation:innerGlowCommon 3s infinite alternate}.win-content.uncommon:before{animation:innerGlowUncommon 3s infinite alternate}.win-content.rare:before{animation:innerGlowRare 3s infinite alternate}.win-content.epic:before{animation:innerGlowEpic 3s infinite alternate}.win-content.legendary:before{animation:innerGlowLegendary 3s infinite alternate}@keyframes innerGlowCommon{0%{box-shadow:inset 0 0 15px #5555554d}to{box-shadow:inset 0 0 30px #5559}}@keyframes innerGlowUncommon{0%{box-shadow:inset 0 0 15px #10b9814d}to{box-shadow:inset 0 0 30px #10b98199}}@keyframes innerGlowRare{0%{box-shadow:inset 0 0 15px #4a8fe74d}to{box-shadow:inset 0 0 35px #4a8fe7b3}}@keyframes innerGlowEpic{0%{box-shadow:inset 0 0 20px #a855f766}to{box-shadow:inset 0 0 50px #a855f7e6}}@keyframes innerGlowLegendary{0%{box-shadow:inset 0 0 25px #f59e0b80}to{box-shadow:inset 0 0 60px #f59e0b}}.won-item{margin:25px 0;padding:20px;border-radius:8px;background:#0000004d}.won-item img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;margin-bottom:15px;border-radius:4px}.item-name{font-size:22px;margin:10px 0;font-weight:500}.item-rarity{font-size:16px;text-transform:uppercase;letter-spacing:2px;margin-top:5px}.close-popup{background:#fff;color:#000;border:none;padding:12px 35px;margin-top:20px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px;transition:all .3s ease;font-size:14px}.close-popup:hover{background:#000;color:#fff;outline:1px solid #fff}.win-content.common{background:#5555551a;border-color:#555!important}.win-content.uncommon{background:#10b9811a;border-color:#10b981!important}.win-content.rare{background:#4a8fe71a;border-color:#4a8fe7!important}.win-content.epic{background:#a855f71a;border-color:#a855f7!important}.win-content.legendary{background:#f59e0b1a;border-color:#f59e0b!important}@media (max-width: 768px){.roulette-page{padding:100px 0 60px}.page-title{font-size:28px}.roulette-placeholder{height:300px}.prizes-grid{grid-template-columns:1fr}.tab-btn{padding:15px;font-size:12px}.prize-card{flex-direction:column;gap:15px}.prize-image img{width:100%;height:auto;max-height:150px}.roulette-item{width:100px;height:140px}.roulette-item img{width:60px;height:60px}.win-content{padding:30px 20px}.won-item img{width:100px;height:100px}}