.roulette-page{max-width:1160px;margin:0 auto;padding:66px 28px 88px;color:#f7f0dc}.roulette-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.roulette-hero h1{margin:5px 0 8px;font-size:clamp(2.25rem,5vw,4.4rem);letter-spacing:-.06em}.roulette-hero h1 em{color:#f2bd39;font-style:normal}.roulette-hero p{margin:0;max-width:650px;color:#bcb29b;line-height:1.6}.roulette-status{min-width:215px;padding:17px 20px;border:1px solid rgba(236,177,36,.45);border-radius:14px;background:linear-gradient(135deg,rgba(121,79,5,.28),rgba(10,14,17,.72));box-shadow:inset 0 1px rgba(255,232,166,.16)}.roulette-status span,.roulette-status small{display:block;font-size:.67rem;letter-spacing:.12em;color:#bda87b}.roulette-status strong{display:inline-block;margin:4px 0;font-size:1.7rem;color:#f8d36b}.roulette-machine{overflow:hidden;border:1px solid rgba(226,171,39,.55);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(174,112,13,.31),transparent 40%),linear-gradient(145deg,#13110d,#07090c 55%,#14100b);box-shadow:0 25px 55px rgba(0,0,0,.35),inset 0 1px rgba(255,231,169,.16)}.roulette-machine-top,.roulette-machine-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;border-color:rgba(224,180,64,.2);font-size:.7rem;letter-spacing:.14em}.roulette-machine-top{border-bottom:1px solid rgba(224,180,64,.2);color:#d5b66d}.roulette-machine-top b{color:#fff3d4}.roulette-machine-top span:last-child{padding:6px 10px;border:1px solid rgba(95,211,146,.5);border-radius:99px;color:#91e7b4;letter-spacing:.08em}.roulette-window{position:relative;overflow:hidden;height:188px;background:linear-gradient(90deg,rgba(3,4,6,.96),transparent 15%,transparent 85%,rgba(3,4,6,.96));padding:21px 0}.roulette-window:before,.roulette-window:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:12%;pointer-events:none}.roulette-window:before{left:0;background:linear-gradient(90deg,#090a0b,transparent)}.roulette-window:after{right:0;background:linear-gradient(270deg,#090a0b,transparent)}.roulette-pointer{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:3px;background:#ffd259;box-shadow:0 0 12px 4px rgba(255,191,45,.55);transform:translateX(-50%)}.roulette-pointer:before,.roulette-pointer:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent}.roulette-pointer:before{top:0;border-top:13px solid #ffe49a}.roulette-pointer:after{bottom:0;border-bottom:13px solid #ffe49a}.roulette-track{display:flex;align-items:stretch;gap:10px;width:max-content;will-change:transform;transform:translateX(0)}.roulette-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:142px;min-height:144px;padding:10px;border:1px solid #4c453a;border-radius:10px;background:linear-gradient(145deg,#27231c,#101317);box-shadow:inset 0 1px rgba(255,255,255,.08)}.roulette-item img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.48))}.roulette-item strong{margin-top:8px;font-size:.77rem;text-align:center}.roulette-item small{margin-top:4px;color:#c6b887;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.roulette-item.common{border-color:#899296}.roulette-item.uncommon{border-color:#43b87d}.roulette-item.rare{border-color:#4da7ed}.roulette-item.special{border-color:#d6a62e;background:linear-gradient(145deg,#3b2d0c,#15110a)}.roulette-machine-bottom{border-top:1px solid rgba(224,180,64,.2);padding:20px 24px}.roulette-machine-bottom p{margin:0;color:#aca38d;font-size:.83rem;letter-spacing:0}.roulette-spin{border:1px solid #ffe080;border-radius:9px;padding:13px 20px;background:linear-gradient(135deg,#f3c64b,#b7780b);color:#171207;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(191,127,14,.28);transition:.2s}.roulette-spin:hover{filter:brightness(1.1);transform:translateY(-1px)}.roulette-spin:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48;transform:none}.roulette-odds-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:52px 0 18px}.roulette-odds-head h2{margin:5px 0 0;font-size:1.55rem}.roulette-odds-head>span{color:#978e7e;font-size:.82rem}.roulette-odds{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roulette-odds-card{position:relative;overflow:hidden;min-height:130px;padding:16px;border:1px solid #3b3527;border-radius:12px;background:linear-gradient(145deg,rgba(34,31,25,.93),rgba(12,14,16,.94));box-shadow:inset 0 1px rgba(255,255,255,.04)}.roulette-odds-card:after{content:"";position:absolute;right:-26px;bottom:-35px;width:100px;height:100px;border:7px solid currentColor;border-radius:50%;opacity:.16}.roulette-odds-card img{width:38px;height:38px;object-fit:contain}.roulette-odds-card b,.roulette-odds-card span{display:block;position:relative;z-index:1}.roulette-odds-card b{margin-top:9px;font-size:.83rem}.roulette-odds-card span{margin-top:6px;color:#c3ad71;font-size:.75rem}.roulette-odds-card.common{color:#aeb7ba}.roulette-odds-card.uncommon{color:#74d69e}.roulette-odds-card.rare{color:#70bffc}.roulette-odds-card.special{color:#f2c74c}@media(max-width:760px){.roulette-page{padding:42px 16px 70px}.roulette-hero{align-items:start;flex-direction:column}.roulette-status{width:100%;box-sizing:border-box}.roulette-machine-top{padding:14px}.roulette-machine-top b{display:none}.roulette-window{height:162px}.roulette-item{width:120px;min-height:120px}.roulette-machine-bottom{flex-direction:column;align-items:stretch}.roulette-spin{width:100%}.roulette-odds-head{align-items:start;flex-direction:column;margin-top:36px}.roulette-odds{grid-template-columns:repeat(2,1fr)}}