@font-face{font-family:Trueno;src:url(/fonts/TruenoLt.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoRg.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoSBd.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBd.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Trueno;src:url(/fonts/TruenoBlk.otf)format("opentype");font-weight:900;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/fonts/ProximaNova.otf)format("opentype");font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsMedium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsSemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/PoppinsBold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--vmax:calc(100dvh - 80px)}@media (max-width:850px){:root{--vmax:calc(100dvh - 60px)}}@media (max-width:768px){:root{--vmax:calc(100dvh - 60px - 20px)}}@media only screen and (max-width:850px){#roulette{padding:24px}}@media only screen and (max-width:768px){#roulette{padding:0}}#roulette>.game{background:#20263a;border-radius:10px;margin:25px 0 5px;padding:12px 0 12px 50%;position:relative;overflow:hidden;box-shadow:inset 0 4px #6b6b6b0c,inset 0 -4px #6b6b6b0c}@media only screen and (max-width:768px){#roulette>.game{background:#1c202c;border-radius:0;margin-top:0;box-shadow:inset 0 4px 4px #00000014}}#roulette>.game:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#20263a88,#0000,#20263a88);border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (max-width:768px){#roulette>.game:after{background:0 0}}#roulette>.game .wheel{will-change:transform;align-items:center;gap:4px;transition-timing-function:cubic-bezier(.14,.72,.83,1);display:flex;transform:translate(-1185px)}#roulette>.game .wheel .slice{border-radius:8px;justify-content:center;align-items:center;width:75px;min-width:75px;max-width:75px;height:75px;min-height:75px;max-height:75px;display:flex}#roulette>.game .wheel .slice img{width:70%;height:70%}@media only screen and (max-width:768px){#roulette>.game .wheel .slice img{display:none}}#roulette>.game .wheel .slice.gold{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%)}#roulette>.game .wheel .slice.gray{background:#2a304a;box-shadow:0 6px 16px #2a304a1f}#roulette>.game .wheel .slice.gray img{width:85%;height:85%}#roulette>.game .wheel .slice.purple{background:#465dfa}#roulette>.game .wheel .slice.purple img{width:90%;height:90%}#roulette>.game .cursor{z-index:4;background:#fff;border-radius:20px;width:3px;height:calc(100% - 12px);margin:0 auto;position:absolute;top:6px;left:0;right:0}@media only screen and (max-width:768px){#roulette>.game .cursor{height:calc(100% - 24px);top:12px}}#roulette .history{flex-direction:column;gap:20px;display:flex}@media only screen and (max-width:768px){#roulette .history{padding:35px 0 35px 20px}}#roulette .history .round{color:#fff;text-align:center;border-radius:10px;width:50px;height:20px;font-family:Poppins;font-size:14px;font-weight:600}#roulette .history .round.gray{background:#2a304a}#roulette .history .round.gold{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%)}#roulette .history .round.purple{background:#465dfa}#roulette .history .round-history{gap:5px;display:flex}#roulette .history .last-n{gap:5px;display:flex;overflow:hidden}#roulette .history .last-n .round{width:50px;min-width:50px;height:10px}#roulette .history .last-n .round:last-child{opacity:.3}#roulette .history .last-n .round:nth-last-child(2){opacity:.4}#roulette .history .last-n .round:nth-last-child(3){opacity:.5}#roulette .history .last-n .round:nth-last-child(4){opacity:.65}#roulette .history .last-n .round:nth-last-child(5){opacity:.8}#roulette .timer{flex-direction:column;gap:13px;margin-top:16px;display:flex}@media only screen and (max-width:768px){#roulette .timer{padding:0 20px}}#roulette .timer p{text-align:center;height:20px;font-family:Poppins;font-size:16px;font-weight:600}#roulette .timer p span{color:#f0b91e}#roulette .timer .line{background:#262d47;border-radius:10px;width:100%;height:4px;overflow:hidden}#roulette .timer .line .progress{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%);border-radius:10px;height:100%}#roulette .bet-container{background:#232840;border-radius:12px;align-items:center;gap:8px;margin-top:35px;padding:8px 10px;display:flex}@media only screen and (max-width:768px){#roulette .bet-container{margin:25px 10px 0}}#roulette .bet-container .bet-entry{background:#2f354d;border-radius:12px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}#roulette .bet-container .bet-entry input{flex:1;width:100%;font-family:Poppins;font-size:16px;font-weight:500}#roulette .bet-container .buttons{align-items:center;gap:8px;display:flex}#roulette .bet-container .buttons button{color:#5b6177;background:#2f354d;border-radius:12px;padding:12px;font-size:15px;font-weight:500}#roulette .mobile{display:none}@media only screen and (max-width:768px){#roulette .mobile{display:flex}}#roulette .bet-buttons{justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:0 30px}@media only screen and (max-width:350px){#roulette .bet-buttons{padding:0 10px}}#roulette .bet-buttons button{text-align:center;color:#fff;border-radius:8px;height:45px;padding:0 8px;font-family:Poppins;font-size:13px;font-weight:600}#roulette .bet-buttons button.gold{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%)}#roulette .bet-buttons button.gray{background:linear-gradient(91.13deg,#2a304a 0%,#22283f 100%);box-shadow:0 12px 16px #0000000f,inset 0 2px #2f3753}#roulette .bet-buttons button.purple{background:linear-gradient(135deg,#6679f9 0%,#465dfa 100%);box-shadow:0 12px 16px #0000000f,inset 0 2px #667afe}#roulette .colors{align-items:flex-start;gap:40px;margin:40px 0;display:flex}@media only screen and (max-width:768px){#roulette .colors{flex-direction:column;gap:10px;padding:5px}}#roulette .colors .color-container{flex-direction:column;gap:18px;width:100%;display:flex}#roulette .colors .color-container button{color:#fff;border-radius:12px;justify-content:space-between;align-items:center;height:55px;padding:0 14px 0 0;font-family:Poppins;font-size:16px;font-weight:600;display:flex}@media only screen and (max-width:768px){#roulette .colors .color-container button{display:none}}#roulette .colors .color-container .current-bets{background-color:#20263a;border-radius:10px;min-height:200px;position:relative}#roulette .colors .color-container .current-bets:has(.winner){border:1px solid #dc8100}#roulette .colors .color-container .current-bets:after{content:"";opacity:.04;pointer-events:none;border-radius:10px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#roulette .colors .color-container .current-bets .bet-amount{border-bottom:2px solid #6074ff0f;width:100%;padding:20px}#roulette .colors .color-container .current-bets .bet-amount p{font-family:Poppins;font-size:16px;font-weight:600}#roulette .colors .color-container .current-bets .bet-amount p span{font-weight:700}#roulette .colors .color-container .current-bets .bet-history{flex-direction:column;gap:14px;max-height:300px;padding:15px;display:flex;overflow-y:auto}#roulette .colors .color-container .current-bets .bet-history .bet{justify-content:space-between;align-items:center;gap:16px;display:flex}#roulette .colors .color-container .current-bets .bet-history .bet .user{align-items:center;gap:8px;display:flex}#roulette .colors .color-container .current-bets .bet-history .bet .user>p{color:#a9acbe;font-family:Poppins;font-size:15px;font-weight:500}#roulette .colors .color-container .current-bets .bet-history .bet .user .avatar{background:#161a29;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative;box-shadow:inset 0 2px #22283f,0 12px 16px #0000000f,0 4px 8px #00000026}#roulette .colors .color-container .current-bets .bet-history .bet .user .avatar img{background-color:#161a29;border-radius:12px;width:40px;height:40px}#roulette .colors .color-container .current-bets .bet-history .bet .user .avatar .level{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin:auto;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:-5px;left:0;right:0;box-shadow:inset 0 1px 1px #7e4300,0 4px 8px #00000026}#roulette .colors .color-container .current-bets .bet-history .bet .amount{align-items:center;gap:5px;font-family:Poppins;font-size:17px;font-weight:500;transition:all .25s;display:flex}#roulette .colors .color-container .current-bets .bet-history .bet.winner .amount{color:#dc8100}#roulette .colors .color-container .current-bets .bet-history .bet.loser .amount{color:#ff4747}#roulette .colors .color-container.gold button{background:linear-gradient(177.98deg,#f1af52 -4.01%,#dc8100 98.14%);padding-left:6px}#roulette .colors .color-container.gold button span{color:#eeaa49}#roulette .colors .color-container.gold span{color:#dc8100}#roulette .colors .color-container.gray button{background:#2a304a}#roulette .colors .color-container.gray button:hover{background:#323a5f}#roulette .colors .color-container.gray button span{color:#68749c}#roulette .colors .color-container.gray span{color:#858da0}#roulette .colors .color-container.purple button{background:#465dfa}#roulette .colors .color-container.purple button:hover{background:#3a4fcc}#roulette .colors .color-container.purple button span{color:#6073f9}#roulette .colors .color-container.purple span{color:#5d71f9}
