html,body,#root{height:100%;background:#0a0a0a;margin:0;padding:0;width:100%;overflow:hidden;overscroll-behavior:none}body:after{content:"";position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:0;background-image:url(/images/svg/background.svg);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}.App{position:relative;z-index:1;text-align:center;height:100%;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.App-header{flex-shrink:0}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:0;overflow:hidden}@media (max-width: 768px){.App-header h1{font-size:2rem}.App-header p{font-size:1rem}main{padding:1rem}body:after{background-image:url(/images/svg/background_mobile.svg)}}@media (max-width: 768px) and (orientation: portrait){.App{height:calc(var(--vh, 1vh) * 100)}}@media (max-width: 768px) and (orientation: landscape){.App{height:calc(var(--vh, 1vh) * 100)}main{padding:.5rem}}.jackpt-logo-gradient{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:40px;margin-top:10px;height:120px;background:url(/images/svg/logo.svg) no-repeat center center;background-size:contain;border-radius:30px;position:relative}.jackpt-logo-text{font-family:Goldman;font-weight:700;font-style:Bold;font-size:20px;line-height:100%;letter-spacing:0%;text-shadow:0 0 30px #1F48F0,0 0 10px #9CAFFF,0 2px 8px #000;z-index:2}@media (max-width: 768px){.jackpt-logo-gradient{height:80px;margin-bottom:20px;margin-top:5px}.jackpt-logo-text{font-size:16px}}@media (max-width: 480px){.jackpt-logo-gradient{height:60px;margin-bottom:15px}.jackpt-logo-text{font-size:14px}}.main-text{font-family:Goldman;font-weight:700;font-size:60px;line-height:100%;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#cfd8ff 26.73%,#401fa2 81.02%,#911ba3 104.29%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid;-webkit-text-stroke:.5px #fff;margin-bottom:1rem}.kyc-border{background:linear-gradient(103.94deg,#812edd,#ca2792 26.99%,#ff5f3d 80.55%,#fce24c 119.68%);border-radius:30px;padding:1px;align-items:center;justify-content:center;display:flex;margin-bottom:1rem}.kyc{opacity:1;padding:10px 20px;align-items:center;justify-content:center;display:flex;border-radius:30px;background:#3d1667}.kyc-text{font-family:Space Grotesk;font-weight:400;font-size:12px;line-height:100%}.main-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;gap:60px;min-height:0;overflow:hidden}.bottom-container{display:flex;justify-content:center;align-items:center;flex-shrink:0}.wallet-connector{display:flex;flex:1;flex-direction:column;justify-content:space-between;align-items:center;height:100%;min-height:0}@media (max-width: 768px){.main-text{font-size:50px;margin-bottom:.8rem}.kyc-border{border-radius:25px;margin-bottom:.8rem}.kyc{padding:8px 16px;border-radius:25px}.kyc-text{font-size:11px}.main-center{padding:60px 0;gap:40px}}@media (max-width: 480px){.main-text{font-size:40px}.main-center{padding:40px 0;gap:30px}}@media (max-width: 768px) and (orientation: landscape){.main-text{font-size:35px;margin-bottom:.5rem}.main-center{padding:30px 0;gap:20px}.kyc-border{margin-bottom:.5rem}}.button-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:20px;width:100%}.button{background:linear-gradient(88.4deg,#812edd 5.21%,#ca2792 50.37%,#ff5f3d 97.31%);border-radius:30px;padding:10px 20px;cursor:pointer;border:none;text-align:center;width:100%;max-width:340px;height:60px;box-shadow:0 -1px 12px #fff inset;z-index:10;transition:box-shadow .4s cubic-bezier(.4,0,.2,1);touch-action:manipulation}.button:hover{background:linear-gradient(87.91deg,#812edd -27.39%,#ca2792 45.58%,#ff5f3d 121.41%);box-shadow:0 -3px 12px #fff inset}.button:active{background:linear-gradient(87.91deg,#812edd -27.39%,#ca2792 45.58%,#ff5f3d 121.41%)}.button-text{font-family:Goldman;font-weight:700;font-size:18px;line-height:100%;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#fff 25%,#c786b3 75.25%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid;-webkit-text-stroke:.2px #9CAFFF;text-shadow:0 2px 15px rgba(20,20,40,.7);transition:background .4s cubic-bezier(.4,0,.2,1)}.refraction{position:absolute;width:200px;margin-top:45px;transition:width .4s cubic-bezier(.4,0,.2,1)}.refraction.hovered{width:300px}@media (max-width: 768px){.button-container{margin-bottom:15px}.button{border-radius:25px;padding:8px 16px;max-width:300px;height:50px}.button-text{font-size:16px}.refraction{width:180px;margin-top:40px}.refraction.hovered{width:250px}}@media (max-width: 480px){.button-container{margin-bottom:10px}.button{border-radius:20px;padding:6px 12px;max-width:280px;height:45px}.button-text{font-size:14px}.refraction{width:160px;margin-top:35px}.refraction.hovered{width:220px}}@media (max-width: 768px) and (orientation: landscape){.button-container{margin-bottom:8px}.button{max-width:260px;height:40px}.refraction{width:140px;margin-top:30px}.refraction.hovered{width:200px}}.game-board{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:0;overflow:hidden}.text{font-family:Space Grotesk;font-weight:300;font-size:16px;line-height:100%;color:#ffcecb;margin:.3rem 0;text-align:center}.game-cards-container{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:15px;padding:20px 12px;border:.5px solid #ffcecb83;border-radius:16px;width:100%;max-width:400px;margin:0 auto}.small-main-text{font-size:32px}.bottom-text{font-family:Space Grotesk;font-weight:400;font-size:12px;line-height:100%;text-align:center;background:linear-gradient(90deg,#9331ff -4.35%,#ca2792 33.55%,#ff5f3d 82.18%,#fce24c 127.02%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.low-balance-container{margin-top:100px;align-items:center}@media (max-width: 768px){.game-board{gap:8px;padding:.5rem}.main-text{font-size:36px;margin-bottom:.4rem}.text{font-size:14px;margin:.2rem 0}.game-cards-container{gap:12px;padding:16px 10px;border-radius:14px;max-width:350px}.text-wrapper{gap:6px}.small-main-text{font-size:28px}.bottom-text{font-size:11px}.low-text-wrapper{max-width:280px;gap:8px}.low-balance-container{margin-top:60px}}@media (max-width: 480px){.game-board{padding:.3rem;gap:6px}.main-text{font-size:30px}.text{font-size:12px}.game-cards-container{gap:10px;padding:14px 8px;max-width:320px}.small-main-text{font-size:24px}.low-text-wrapper{max-width:260px}}@media (max-width: 768px) and (orientation: landscape){.game-board{gap:4px;padding:.2rem}.main-text{font-size:24px;margin-bottom:.2rem}.text{font-size:10px;margin:.1rem 0}.game-cards-container{gap:8px;padding:12px 6px;max-width:300px}.low-balance-container{margin-top:30px}}.bottom-container{display:flex;justify-content:center;align-items:center;top:10px;flex-shrink:0;width:100%;max-width:400px}.card-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:100%;width:100%;position:relative}.scratch-card{width:100%;max-width:300px;height:90px;background:transparent;box-shadow:0 4px 8px #0000001a;border-radius:16px;transition:transform .2s ease,opacity .5s ease;box-sizing:content-box}.scratch-card.fading{opacity:0}.card-border{border-radius:16px;position:absolute;z-index:-1;padding:.5px;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffcecb,#6e084e00)}.card-background{width:100%;width:300px;background:#05060a;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.result-image{object-fit:contain;object-position:center;height:90px}@media (max-width: 768px){.card-wrapper{gap:12px}.scratch-card{max-width:280px;height:80px;border-radius:14px}.card-border{border-radius:14px}.card-background{border-radius:14px;width:280px;height:80px}.result-image{height:80px}}@media (max-width: 480px){.card-wrapper{gap:10px}.scratch-card{max-width:260px;height:70px;border-radius:12px}.card-border{border-radius:12px}.card-background{border-radius:12px;width:260px;height:70px}.result-image{height:70px}}@media (max-width: 768px) and (orientation: landscape){.card-wrapper{gap:8px}.scratch-card{max-width:240px;height:60px}.card-background{border-radius:12px;width:240px;height:60px}.result-image{height:60px}}@media (max-width: 768px){.board{gap:8px;padding:1rem}}@media (max-width: 480px){.board{padding:.5rem;gap:6px}}@media (max-width: 768px) and (orientation: landscape){.board{gap:4px;padding:.3rem}}.result-container{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:0;overflow:hidden}.result-text{font-family:Goldman;font-weight:700;font-size:60px;line-height:100%;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#cfd8ff 26.73%,#401fa2 81.02%,#911ba3 104.29%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid;-webkit-text-stroke:.5px #fff;margin-bottom:.5rem}.result-text-container-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.result-glass-container{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:60px;justify-content:space-between;padding:20px 0 0;border:.5px solid #ffcecb83;border-radius:16px;margin-top:40px;width:100%;max-width:400px}.bottom-container{display:flex;justify-content:center;align-items:center;top:10px;flex-shrink:0}.text-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.small-main-text{font-family:Goldman;font-weight:700;font-size:32px;line-height:100%;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#cfd8ff 26.73%,#911ba3 104.29%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid;-webkit-text-stroke:.5px #fff}.deposit-text{font-family:Goldman;font-weight:400;font-size:22px;line-height:100%;text-align:center;background:linear-gradient(180deg,#cfd8ff 26.73%,#911ba3 104.29%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid}@media (max-width: 768px){.result-container{gap:8px;padding:.5rem}.result-text{font-size:40px;margin-bottom:.4rem}.result-text-container-wrapper{gap:8px}.result-glass-container{gap:40px;padding:16px 0 0;border-radius:14px;margin-top:30px;max-width:350px}.text-wrapper{gap:6px}.text{font-size:14px;margin:8px 0}.small-main-text{font-size:28px}.deposit-text{font-size:18px}}@media (max-width: 480px){.result-container{padding:.3rem;gap:6px}.result-text{font-size:25px}.result-glass-container{gap:30px;padding:14px 0 0;max-width:320px}.text{font-size:12px;margin:6px 0}.small-main-text{font-size:24px}.deposit-text{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.result-container{gap:4px;padding:.2rem}.result-text{font-size:30px;margin-bottom:.2rem}.result-glass-container{gap:20px;padding:12px 0 0;max-width:300px;margin-top:20px}.text{font-size:10px;margin:4px 0}}.main-component{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:0;width:100%;transition:opacity .3s ease-in-out,transform .3s ease-in-out;opacity:1;transform:translateY(0);overflow:hidden}.main-component.animating{opacity:0;transform:translateY(20px)}@media (max-width: 768px){.main-component{padding:1rem}}@media (max-width: 480px){.main-component{padding:.5rem}}@media (max-width: 768px) and (orientation: landscape){.main-component{padding:.3rem}}.board{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:0;overflow:hidden}.main-text{font-family:Goldman;font-weight:700;font-size:42px;line-height:100%;text-align:center;text-transform:uppercase;background:linear-gradient(180deg,#cfd8ff 26.73%,#401fa2 81.02%,#911ba3 104.29%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;border:.5px solid;-webkit-text-stroke:.5px #fff;margin-bottom:.5rem}.text{font-family:Space Grotesk;font-weight:300;font-size:16px;line-height:100%;color:#ffcecb;margin:10px 0;text-align:center}.content-wrapper{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:15px;padding:20px 12px;border:.5px solid #ffcecb83;border-radius:16px;margin-top:50px;width:100%;max-width:400px;align-items:center;justify-content:center}.low-text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;max-width:300px}@media (max-width: 768px){.board{gap:8px;padding:.5rem}.main-text{font-size:36px;margin-bottom:.4rem}.text{font-size:14px;margin:8px 0}.content-wrapper{gap:12px;padding:16px 10px;border-radius:14px;margin-top:40px;max-width:350px}.low-text-wrapper{max-width:280px;gap:8px}}@media (max-width: 480px){.board{padding:.3rem;gap:6px}.main-text{font-size:30px}.text{font-size:12px;margin:6px 0}.content-wrapper{gap:10px;padding:14px 8px;max-width:320px}.low-text-wrapper{max-width:260px}}@media (max-width: 768px) and (orientation: landscape){.board{gap:4px;padding:.2rem}.main-text{font-size:24px;margin-bottom:.2rem}.text{font-size:10px;margin:4px 0}.content-wrapper{gap:8px;padding:12px 6px;max-width:300px;margin-top:30px;align-items:center;justify-content:center}}.App-footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;padding:20px;flex-direction:column;gap:10px}.footer-text{font-family:Space Grotesk;font-weight:300;font-style:Light;font-size:12px;line-height:100%;letter-spacing:0%;color:#71758a}@media (max-width: 768px){.App-footer{padding:.8rem}}@media (max-width: 768px) and (orientation: landscape){.App-footer{padding:.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);color:#fff;height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}:root{--vh: 1vh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}