@font-face{font-family:montserratBold;src:url(/JTP/shared-assets/fonts/Montserrat-Bold.ttf)}@font-face{font-family:montserratSemiBold;src:url(/JTP/shared-assets/fonts/Montserrat-SemiBold.ttf)}@font-face{font-family:montserratMedium;src:url(/JTP/shared-assets/fonts/Montserrat-Medium.ttf)}@media (max-width: 600px){html{font-size:75%}#header{height:max(70px,13dvw)!important}}#root{position:relative}body{margin:0}h1{margin:0;width:fit-content;font-family:montserratBold;font-size:2rem;color:#fff;font-weight:400}h2{margin:0;width:fit-content;font-family:montserratSemiBold;font-size:2rem;color:#fff;font-weight:400}h3{margin:0;width:fit-content;font-family:montserratMedium;font-size:2rem;color:#fff;font-weight:400}h4{margin:0;width:fit-content;font-family:montserratBold;font-size:1rem;color:#fff;font-weight:400}h5{margin:0;width:fit-content;font-family:montserratSemiBold;font-size:1rem;color:#fff;font-weight:400}h6{margin:0;width:fit-content;font-family:montserratMedium;font-size:1rem;color:#fff;font-weight:400}input{padding-left:1rem;background:#0004;color:#fff7;font-family:montserratMedium;font-size:1rem;border:solid 2px #FFFFFF22;border-radius:.75rem;transition:all .5s ease}input:hover:not(:disabled){border:solid 2px #FFFFFF77;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gradientText{background:linear-gradient(#408cff 30%,#e148ff 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.buttonWithUnderline{position:relative;padding:0;background:none;border:none;font-family:montserratMedium;font-size:.75rem;color:#fff;cursor:pointer;transition:all .25s ease}.buttonWithUnderline:after{content:"";position:absolute;width:100%;height:1px;left:0;bottom:-2px;background:#3eb2ff00;transition:all .25s ease}.iconButton{height:1.5rem;border:none;border-radius:.5rem;cursor:pointer;box-sizing:content-box;transition:all .25s ease}.iconButton:hover{opacity:.9}.iconButton>img{transition:all .25s ease}.iconButton:hover>img{translate:8px 0px}.iconButton.little{padding:.25rem .5rem}.iconButton.medium{padding:.25rem 1rem}.iconButton.large{display:flex;align-items:center;gap:1rem;padding:.25rem 1rem}.iconButton.large img{width:1.5rem}.mainGameWindow{margin:2rem 0px;width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;position:relative;box-shadow:0 10px 20px #0004}@media (max-width: 1000px){.mainGameWindow{flex-wrap:wrap}}.sideContainer{margin:1rem;min-width:00px;max-width:500px;display:flex;flex-direction:column;flex-grow:1;position:relative;gap:20px}@media (max-width: 1000px){.sideContainer{max-width:100%}}.sideSection{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;background:linear-gradient(to right,#1c1c1c,#282828);border-radius:1.5rem}.sideSection>h2{font-size:1.5rem}.sideSectionFlexContainer{display:flex;gap:.5rem}.sideSection input{width:calc(100% - 1rem - 4px);height:min(calc(3.5rem - 4px),46px)}.sideSection input.active{border:solid 2px white}.bgCircle{position:absolute;background:radial-gradient(#408cff,#823891 70%);border-radius:1000px;filter:blur(20px);z-index:-2}.bgCircle.little{width:clamp(100px,10dvw,200px);height:clamp(100px,10dvw,200px);animation:bgCircleAnim 7s infinite}.bgCircle.medium{width:clamp(150px,15dvw,250px);height:clamp(150px,15dvw,250px);animation:bgCircleAnim 9s infinite}.bgCircle.large{width:clamp(200px,20dvw,300px);height:clamp(200px,20dvw,300px);animation:bgCircleAnim 11s infinite}@keyframes bgCircleAnim{50%{translate:0px 30px}}.formField{width:min(100%,320px);position:relative;display:flex;flex-direction:column}.formFieldHint{font-size:.75rem;height:1.5rem}.formFieldInput{width:calc(100% - 14px);height:2.5rem}#alertContainer{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100dvh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:alertContainerAnim .25s forwards}@keyframes alertContainerAnim{0%{-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px)}20%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}40%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}60%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}80%{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}#alertWindow{padding:1rem;width:25%;position:relative;border-radius:24px;background:#000b;display:flex;flex-direction:column;align-items:center;gap:20px;animation:alertWindowAnim .25s forwards}@media (max-width: 600px){#alertWindow{width:calc(100% - 3rem)}}@keyframes alertWindowAnim{0%{opacity:0;translate:0px -20px}to{opacity:1;translate:0px 0px}}#alertTitle{font-size:1.5em;text-align:center}#alertSubtitle{color:#bdbdbd;text-align:center}#alertClose{position:absolute;top:1rem;right:1rem;cursor:pointer;transition:all .25s ease}#alertClose:hover{scale:.9}#header{padding:8px 8px 0;height:80px;display:flex;justify-content:space-between;align-items:center;background:#141414;position:relative;z-index:1}#headerInfoContainer{display:flex;align-items:center;flex-shrink:0}#headerInfoContainer>h1{cursor:default}#headerInfoImage{margin-left:10px;height:24px}#headerInfoImage:hover+#headerInfoPopup{visibility:visible;opacity:100;translate:0px 10px}#headerInfoPopup{content:"";position:absolute;top:60px;padding:10px;max-width:25dvw;visibility:hidden;background:#0003;border:solid 2px rgb(255,255,255,.6);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;z-index:1;transition:all .5s ease}#headerAccountContainer{position:relative;margin:10px;flex-shrink:1;max-width:180px;display:flex;align-items:center;border-radius:30px;transition:all .25s ease;cursor:pointer}#headerAccountContainer.Profile{cursor:default}#headerAccountContainer.notSignedIn{--headerAccountContainerBG: linear-gradient(#408CFF, #E148FF);height:50%;background:#141414}#headerAccountContainer.signedIn{--headerAccountContainerBG: none;height:75%;background:#ffffff1a}#headerAccountContainer.notSignedIn:hover{background:linear-gradient(#408cff,#e148ff);box-shadow:0 -4px 20px #408cff44,0 4px 20px #e148ff44}#headerAccountContainer.signedIn:not(.Profile):hover{scale:.95;box-shadow:0 0 10px #ffffff1a}#headerAccountContainer:before{content:"";position:absolute;width:100%;height:100%;padding:2px;left:-2px;top:-2px;background:var(--headerAccountContainerBG);border-radius:30px;z-index:-1}#headerAccountContainer:hover:not(.Profile):before{background:none}#headerAccountImage{margin:5px;height:calc(100% - 10px);transition:all .25s ease}#headerAccountContainer.notSignedIn #headerAccountImage{display:none}#headerAccountContainer.signedIn #headerAccountImage{display:block}#headerAccountContainer.signedIn:not(.Profile):hover #headerAccountImage{scale:.95}#headerAccountBalance{padding:0px 1rem;width:100%;text-align:center;text-wrap:nowrap}#headerAccountContainer.notSignedIn #headerAccountBalance{height:40px;line-height:40px}#headerAccountContainer.signedIn #headerAccountBalance{height:60px;line-height:60px}#headerAccountContainer.notSignedIn:hover #headerAccountBalance{-webkit-text-fill-color:white}#headerAccountArrow{margin-right:10px}#headerAccountContainer.notSignedIn #headerAccountArrow{content:url(/JTP/shared-assets/images/ArrowRightGradient.svg)}#headerAccountContainer.signedIn #headerAccountArrow{display:none}#headerAccountContainer.notSignedIn:hover #headerAccountArrow{content:url(/JTP/shared-assets/images/ArrowRight.svg)}#gamesSection{margin:28px}#gamesSection>h1{position:relative;cursor:default}#gamesSection>h1:after{content:"";position:absolute;width:100%;height:4px;left:0;bottom:-2px;background:linear-gradient(to right,#408cff,#e148ff);border-radius:2px}#gamesContainer{margin-top:20px;display:flex;flex-wrap:wrap;gap:32px}@property --wheelBlurColor{syntax: "<color>"; initial-value: #9137BB; inherits: false;}@property --rouletteBlurColor{syntax: "<color>"; initial-value: #3B9C96; inherits: false;}#wheelImage{right:-200px;bottom:-350px;rotate:-15deg;width:550px}#wheelCard:hover #wheelImage{right:-150px;bottom:-300px;rotate:-30deg}#wheelCard .gameCardBlur{transition:--wheelBlurColor .5s ease}#wheelCard:hover .gameCardBlur{--wheelBlurColor: #9137BB88}#rouletteImage{bottom:-100px;right:-700px;rotate:-30deg;width:1800px}#rouletteCard:hover #rouletteImage{bottom:0;right:-750px;rotate:-40deg}#rouletteCard .gameCardBlur{transition:--rouletteBlurColor .5s ease}#rouletteCard:hover .gameCardBlur{--rouletteBlurColor: #3B9C9688}.gameCard{min-width:300px;height:300px;padding:0;flex-grow:1;border:solid 2px #aaaaaa;border-radius:24px;position:relative;contain:paint;transition:all .5s ease;cursor:pointer}.gameCard:hover{border:solid 2px white}.gameCardTitle{margin-top:20px;margin-left:20px;position:absolute;top:0;transition:all .5s ease}.gameCard:hover .gameCardTitle{font-size:2.5em}.gameCardImage{position:absolute;z-index:-1;transition:all .5s ease}.gameCardBlur{height:100%;border-radius:24px}#wheelMainContainer{width:max(50%,500px);height:520px;flex-shrink:0;position:relative;contain:paint}@media (max-width: 1000px){#wheelMainContainer{width:100%}}#wheelMainImage{width:1200px;position:absolute;top:-700px;left:0}#wheelArrowImage{position:absolute;left:130px;bottom:150px}#wheelMainBlur{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(to top right,#4c9aff00 50%,#9137bb)}.betButton{flex-grow:1;padding:0;height:min(3.5rem,50px);background:#3a76d0;border:solid 2px #222222;border-radius:12px;font-family:montserratMedium;font-size:1rem;color:#fff;font-weight:400;transition:all .5s ease}.betButton:hover:not(:disabled){scale:1.05;border:solid 2px #FFFFFF77;cursor:pointer}.betButton:disabled{scale:1;background:#3a76d0bb;border:solid 2px #00000077}.betButton.active{scale:.95;border:solid 2px white}.colorButton{flex-grow:1;padding:0;height:min(3.5rem,50px);border:solid 2px #222222;border-radius:12px;font-family:montserratMedium;font-size:1rem;color:#fff;font-weight:400;transition:all .5s ease}.colorButton:hover:not(:disabled){scale:1.05;border:solid 2px #FFFFFF77;cursor:pointer}.colorButton:disabled{scale:1;border:solid 2px #00000077}.colorButton.active{scale:.95;border:solid 2px white}#buttonRed{background:#ff4b4b}#buttonRed:disabled{background:#ff4b4baa}#buttonBlack{background:#4a4a4a}#buttonBlack:disabled{background:#4a4a4aaa}#buttonYellow{background:#dec84a}#buttonYellow:disabled{background:#dec84aaa}#buttonGreen{background:#56d86a}#buttonGreen:disabled{background:#56d86aaa}#buttonPurple{background:#b356d8}#buttonPurple:disabled{background:#b356d8aa}#historySection{padding:.75rem}#historyFlexContainer{overflow-x:scroll;scrollbar-width:none;border-radius:.75rem;cursor:grab}.dragging{cursor:grabbing!important}.historyElement{width:2.5rem;height:2.5rem;border-radius:.75rem;flex-shrink:0}.Red{background:#ff4b4b}.Black{background:#4a4a4a}.Yellow{background:#dec84a}.Green{background:#56d86a}.Purple{background:#b356d8}#spinSection{display:flex;justify-content:end}#spinButton{padding:16px 32px;color:#fff;font-family:montserratBold;font-size:1em;font-weight:400;border:solid 2px #bbbbbb;border-radius:24px;box-shadow:0 0 20px #ffffff40;transition:all .5s ease}#spinButton:hover:not(:disabled){scale:1.05;border:solid 2px white;cursor:pointer}#spinButton:disabled{scale:.95;border:solid 2px #555555;background:#666;box-shadow:none;transition:scale .5s ease}#spinButton h2{font-size:.75em}.Wheel{background:linear-gradient(to right,#4c9aff,#e148ff)}.Roulette{background:linear-gradient(to right,#50b85f,#3b9c96)}#resultContainer{position:absolute;width:100%;height:100%;top:0;display:none;flex-direction:column;justify-content:center;align-items:center;animation:resultContainerAnim 5s forwards}@keyframes resultContainerAnim{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}#resultColor{opacity:0;font-size:3em;animation:resultColorAnim 5s forwards}@keyframes resultColorAnim{10%{translate:0px -100px;scale:3;opacity:0}20%{translate:0px -10px;scale:1.5}40%{opacity:1}80%{translate:0px 0px;scale:1;opacity:1}to{opacity:0}}#resultProfit{opacity:0;font-size:1.5em;animation:resultProfitAnim 5s forwards}@keyframes resultProfitAnim{40%{translate:0px 20px;opacity:0}60%{translate:0px 0px;opacity:1}80%{opacity:1}to{opacity:0}}#lastGamesSection{margin:1.5rem;width:calc(100% - 3rem);position:relative}#lastGamesContainer{margin-top:1rem;min-height:5rem;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-template-rows:repeat(auto-fit,7rem);gap:1rem}.lastGameCard{padding:1rem;min-width:10rem;max-width:30rem;height:5rem;display:flex;justify-content:center;align-items:center;border-radius:1.5rem;box-shadow:#ffffff20 0 0 20px;position:relative}.lastGameCardColorInfo{width:4rem;height:1.5rem;border:solid 2px #FFFFFF;border-radius:8px}#statisticsSection{margin:1.5rem;width:calc(100% - 3rem)}#statisticsContainer{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(21rem,1fr));grid-template-rows:repeat(auto-fit,3rem);gap:1rem}.statisticsBlock{padding:.5rem;min-width:20rem;height:2rem;display:flex;justify-content:space-between;background:linear-gradient(to right,#3b3b3b,#5b5b5b 50%,#3b3b3b);border-radius:1rem}#subContainer{margin-right:4%;width:min(50%,800px);height:580px;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative}#mainContainer{width:100%;height:300px;contain:paint;-webkit-mask-image:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%)}@media (max-width: 1000px){#subContainer{margin:0 40px;width:calc(100% - 80px);height:400px}#mainContainer{width:100%}}.mainImage{position:absolute}#arrowImage{position:absolute;left:calc(50% - 14px);bottom:calc(50% - 150px)}#registerMainDiv{width:100%;height:100dvh;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(#1a1a1a,#2c2c2c);z-index:0;contain:paint}#formContainer{padding:4rem 2rem;width:min(calc(100% - 10rem),320px);position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;background:#1b1b1b;border-radius:20px}#formContainer:before{content:"";position:absolute;top:-4px;left:-4px;width:100%;height:100%;padding:4px;background:linear-gradient(#408cff,#e148ff);border-radius:24px;box-shadow:0 -4px 20px #408cff44,0 4px 20px #e148ff44;z-index:-1}#formButtonContainer{margin-top:1rem;position:relative;width:calc(100% - 10rem);height:2.5rem;z-index:0}#formButton{padding:0;width:100%;height:100%;background:#161616;border:none;border-radius:20px;cursor:pointer;transition:all .25s ease}#formButton:before{content:"";position:absolute;top:-2px;left:-2px;width:100%;height:100%;padding:2px;background:linear-gradient(#408cff,#e148ff);border-radius:inherit;z-index:-1}#formButton img{content:url(/JTP/shared-assets/images/ArrowRightGradient.svg);position:absolute;right:.5rem;top:.5rem}#formButton>h5{width:100%}#formButton:hover{background:linear-gradient(#408cff,#e148ff);box-shadow:-2px -4px 10px #408cff66,2px 4px 10px #e148ff66}#formButton:hover:before{background:none}#formButton:hover img{content:url(/JTP/shared-assets/images/ArrowRight.svg)}#formButton:hover>h5{-webkit-text-fill-color:white}#formButtonSwitch:hover{color:#3eb2ff}#formButtonSwitch:hover:after{background:#3eb2ff}#formButtonResetContainer{margin-top:-.5rem}#formButtonReset:hover{color:#ff3e3e}#formButtonReset:hover:after{background:#ff3e3e}#formAlert{display:none;width:100%;height:40px;position:absolute;bottom:-60px;background:#0004;border-radius:12px;animation:formAlertAnim 5s forwards}@keyframes formAlertAnim{0%{opacity:0;translate:0px -30px}20%{opacity:1;translate:0px 0px}80%{opacity:1;translate:0px 0px}to{opacity:0;translate:0px -30px}}#formAlert>h6{width:100%;height:2.5em;line-height:2.5em;text-align:center;color:rgba(255 255 255 .8)}#profileMainContainer{position:relative;display:flex;gap:28px;justify-content:center;contain:paint}#sideDivHelper{width:240px}@media (max-width: 1200px){#sideDivHelper{min-width:0px;width:calc(100% - 950px)}}@media (max-width: 960px){#sideDivHelper{display:none}}#sidebarButton{width:40px;height:40px;position:absolute;left:10px;top:10px;background:#fff;border-radius:12px;display:none}@media (max-width: 800px){#profileMainContainer{gap:0px}#sidebarButton{display:block}}#profileSidebarContainer{margin-left:28px;padding-top:28px;min-width:160px;width:240px;height:fit-content;display:flex;gap:20px;flex-direction:column;position:sticky;top:0;left:0}@media (max-width: 800px){#profileSidebarContainer{display:none}}.sidebarElement{height:40px;line-height:40px;position:relative;cursor:pointer;transition:all .25s ease}.sidebarElement:before{content:"";position:absolute;left:10px;top:16px;width:8px;height:8px;background:#fff;border-radius:4px;box-shadow:0 0 10px #ffffff40;transition:all .25s ease}.sidebarElement>h6{margin-left:28px;transition:all .25s ease}.sidebarElement:hover:before{width:0;height:0;left:14px;top:20px}.sidebarElement:hover:not(.active)>h6{margin-left:20px;font-size:1.15em}.sidebarElement.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#b7b7b7 50%,#606060);border-radius:20px;z-index:-1}.sidebarElement.active>h6{color:#000}#profileMainWindow{margin:1.5rem;position:relative;display:flex;flex-direction:column;gap:1rem}.profileSection{padding:1.5rem;width:calc(100% - 3rem);background:#ffffff19;border-radius:1.5rem;box-shadow:0 0 20px #00000034;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.profileSection>h2{font-size:1.5em}#addFunds{padding:.5rem 1rem;background:#5bc762;border:solid 2px #ffffff00;border-radius:1rem;cursor:pointer;transition:all .25s ease}#addFunds:hover{border:solid 2px #ffffff99}.grayInfoField{padding:0px 1rem;width:calc(100% - 2rem);height:2.5rem;background:#00000032;border-radius:.75rem;display:flex;justify-content:space-between;align-items:center;position:relative}.grayInfoFieldRight{display:flex;align-items:center;gap:1rem}.editPencil{cursor:pointer;transition:all .25s ease}.editPencil:hover{scale:1.1}.dropdownChevron{cursor:pointer;transition:all .25s ease}.dropdownChevron:hover{translate:0px 2px}.dropdownMenu{display:none;position:absolute;top:0;right:0;border-radius:1rem;border:solid 1px #ffffff55;background:#202020;box-shadow:0 0 20px #00000032;z-index:1;animation:dropdownMenuAnim .25s forwards}@keyframes dropdownMenuAnim{0%{opacity:0;translate:0px -10px}to{opacity:1;translate:0px 0px}}.dropdownElement{padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}.dropdownElement>h6{color:#bdbdbd;transition:all .25s ease}.dropdownElement:hover>h6{color:#fff;scale:1.05}