@import"https://fonts.googleapis.com/css2?family=Sora&display=swap";.user-name-container{display:flex;gap:4px;justify-content:center;align-items:center;cursor:pointer}#wallet-button img{width:1.35rem;height:1.35rem}#wallet-button h1{font-size:.8rem;margin-right:5px}.user-info{display:flex;margin-top:12px;align-items:center;justify-content:center;text-align:center}.wallet-menu{right:0;top:0;position:fixed;width:100%;height:100%;background-color:#f0f8ff46;z-index:1004;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wallet-menu .wallet-menu-selection{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:30%;height:300px;background-color:#fff;outline:1px solid #292929;box-shadow:20px 20px 20px #0000009f;z-index:1005;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:5px}.tm-nav-logo{border-radius:10px;border:2px solid white;box-shadow:5px 5px 10px #292929;position:absolute;left:20px;width:70px;height:70px;z-index:100;transition:80ms ease-in-out}.tm-nav-logo:hover{scale:1.1}.external-cu-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:fixed;background:#ffffff21;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001}.external-cu-container .internal-cu-container{width:300px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:12px;gap:15px;border:1px solid #292929;box-shadow:0 0 8px #3bc5f2}.external-cu-container .internal-cu-container h1{font-size:1rem}.external-cu-container .internal-cu-container input{padding:10px;border-radius:5px}.ch-user-button{padding:8px;border:1px solid #292929;background-color:#3bc5f2;border-radius:5px;transition:.1s ease-in-out}.ch-user-button:hover{scale:1.1;background-color:#60c7e9;cursor:pointer}@media screen and (max-width: 1200px){.wallet-menu .wallet-menu-selection{width:50%}}@media screen and (max-width: 768px){.wallet-menu .wallet-menu-selection{width:80%}.tm-nav-logo{left:10px;width:50px;height:50px}}@media screen and (max-width: 768px){#btnControl:checked+nav{height:70vh;transition:.3s ease}#btnControl:checked+nav>:nth-child(3){height:100%;width:100%;min-height:500px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#btnControl:checked+nav>#wallet-button{display:inline-block;top:30px;left:50%;height:max-content;transform:translate(-50%);position:absolute}#btnControl:checked+nav>a{display:inline-block;width:0px;position:absolute}#btnControl:checked+nav>a{margin-top:1rem}.user-info{margin-top:20px}}@media screen and (max-height: 480px){#btnControl:checked+nav{height:max-content;transition:.3s ease}}.user-name-container img{width:16px;height:16px}.popup-window{position:fixed;display:flex;justify-content:center;align-items:center;text-align:center;top:10px;right:20px;width:max-content;height:max-content;max-width:200px;max-height:150px;min-height:40px;padding:6px;border-radius:4px;background-color:#fff;outline:5px solid #292929;box-shadow:5px 5px 8px #000;z-index:10000000;animation:popup .3s linear;transition:80ms ease-in}@keyframes popup{0%{opacity:.2;right:-250px}70%{opacity:.5;right:60px}to{opacity:1;right:20px}}.popup-window .popup-timer{position:absolute;width:99%;height:6px;bottom:0;background-color:#000;animation:timer 3s linear;border-radius:6px}@keyframes timer{0%{width:100%}40%{width:59%}70%{background-color:#004561;width:29%}to{background-color:#0003a7;width:0%}}.popup-window:hover{scale:1.05}.popup-window h1{color:#5403b1;text-transform:uppercase;font-size:1rem;text-shadow:1px 1px 5px #3484fc}.wallet-type{display:flex;justify-content:center;align-items:center;width:80%;height:50px;background-color:#8a2be2;box-shadow:0 0 10px #000;cursor:pointer;margin-top:5px;margin-bottom:5px;border-radius:10px;outline:1px solid #292929}.wallet-menu .wallet-menu-selection h1{color:#d4d4d4;font-size:1rem;text-shadow:2px 2px 5px black;-webkit-backdrop-filter:blur;backdrop-filter:blur}.wallet-icon{position:absolute;left:20%;width:20px;height:20px}.wallet-type:hover{transition:.1s ease-in-out;scale:1.05}.wallet-type-disabled{display:flex;justify-content:center;align-items:center;text-align:center;width:80%;height:50px;background-color:#2e0752;box-shadow:0 0 10px #000;margin-top:5px;margin-bottom:5px;border-radius:10px;outline:1px solid #292929}@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#3bc5f2}.noise:before{position:fixed;top:0;left:0;width:100vw;height:100vh;content:"";opacity:.03;z-index:-10000;pointer-events:none;background:url(/assets/noise-ZcU58tgk.gif)}*{font-family:Sora,sans-serif;box-sizing:border-box;margin:0;padding:0}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrap{position:relative;flex:1;overflow:hidden}.page_div{display:"flex";justify-content:"center";align-items:"center";height:"90vh"}.main-page-title{background-image:linear-gradient(-225deg,#3bc5f2,#12d372 29%,#ff1361 67%,#3bc5f2);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;font-size:28px;text-shadow:1.5px 1.5px 1.5px rgb(0,0,0)}.about-main-container{display:block}.description-container .text{font-size:20px;font-weight:500}.page-about{position:relative;height:100dvh;display:flex;align-items:center;justify-content:center}.description-container{margin-left:15%;margin-right:15%}.page-about .other-content-container{max-width:100%;max-height:50%;width:auto;height:auto;display:block;margin:auto}.switch-page-btn-dx{position:absolute;margin:auto;right:10px;bottom:10px;width:64px;height:64px;cursor:pointer;transition:.3s ease-in-out}.switch-page-btn-sx{position:absolute;margin:auto;left:10px;bottom:10px;width:64px;height:64px;transform:rotate(180deg);cursor:pointer;transition:.3s ease-in-out}.switch-page-btn-dx:hover,.switch-page-btn-sx:hover{scale:1.15}.clouds{position:absolute;width:100%;top:0;animation:cloud-move 7s linear infinite}@keyframes cloud-move{0%{transform:translate(0)}50%{transform:translateY(50px)}to{transform:translate(0)}}.first-page-about{position:relative;height:100dvh;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.barrel{position:absolute;width:250px;bottom:-30px}.barrel-2{position:absolute;width:250px;bottom:-80px;right:0}.first-page-about .container-about{height:95%;width:92%;background:linear-gradient(180deg,#0fa9b47e,#186edf71,#220d9c71);box-shadow:0 0 20px #292929;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:absolute;backface-visibility:hidden;transition:transform 1s,opacity .5s}.inactive{opacity:0;transform:rotateY(-180deg);transform:scale(.8);transform:translate(-100px)}.injective-banner{width:100%;height:100%}.container-about-v2{height:95%;width:92%;background:linear-gradient(180deg,#0fa9b47e,#186edf71,#220d9c71);box-shadow:0 0 20px #292929;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.container-about-v1{height:95%;width:92%;background:linear-gradient(0deg,#0fa9b47e,#186edf71,#220d9c71);box-shadow:0 0 20px #292929;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;display:flex;flex-direction:column;justify-content:center}.page-about .title-container{text-align:center;margin-top:15px;height:10%}.first-page-about .title-container h2,.page-about .title-container h2{position:absolute;top:5%;left:50%;transform:translate(-50%);color:#000;font-size:40px;font-weight:700;margin-top:20px;margin-bottom:30px}.qna-container .title-container h2{color:#000;font-size:40px;font-weight:700;margin-top:20px;margin-bottom:30px}.description-container p{font-size:22px;padding:30px}.about-section-title{margin-bottom:20px;background-color:#1900ff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about-section-title h1{color:#000;font-size:20px;font-weight:700;margin-top:15px;margin-bottom:20px}.about-container{background-color:#3bc5f2;color:#fff;text-align:center}.qna-container{background:linear-gradient(0deg,#0fa9b47e,#186edf71,#220d9c71);padding:20px 160px 160px;border-radius:10px;box-shadow:0 0 20px #292929;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:92%;margin:20px auto}@media (max-width: 700px){.page-about{height:max-content;margin-bottom:20px}}@media (max-height: 550px){.page-about .title-container h2{position:relative;margin-bottom:10px;font-size:30px}}.qna-list{list-style-type:none;padding:0}.question{cursor:pointer;background-color:#89adb9;color:#230d9c;padding:10px;margin-bottom:10px;border-radius:8px;transition:background-color .3s ease;box-shadow:5px 10px 10px #00000052;outline:2px solid rgba(0,0,0,.473)}.question:before{content:"Q :";font-size:1.1em;border-radius:50%;color:red;margin-right:10px;font-weight:700;display:inline;text-align:center;left:10px}.question:hover{background-color:#292929;font-weight:700;color:#e6e1e1}.expanded{background-color:#292929;font-weight:700;color:#e2e1e6}.answer{padding:12px;border:1px solid #000000;border-radius:8px;background-color:#25125c;color:#e2e1e6;font-style:italic;margin-top:5px;margin-bottom:20px}.answer:before{content:"A :";font-size:1.1em;border-radius:50%;color:#0f0;margin-right:10px;font-weight:700}.qna-title-container{text-align:center;margin-bottom:100px}.first-page-about .title-container .title{position:absolute;top:4%;left:50%;transform:translate(-50%);color:#000;font-size:40px;font-weight:700;margin-top:20px;margin-bottom:30px;text-shadow:1px 1px 3px rgb(195,0,255)}@media (max-width: 768px){.title-container{top:1%}.barrel-2,.barrel{display:none;opacity:0}.qna-container{padding:30px}.description-container .text{font-size:20px}.description-container{margin-left:3%;margin-right:3%;padding:6px}.title-container{padding:5px;position:relative;width:100%}.page-about .title-container h2{position:relative;margin-bottom:10px;font-size:30px}.page-about .other-content-container{max-width:100%;max-height:40%}.description-container{overflow:auto}.description-container .text{margin-bottom:35px}.first-page-about .title-container .title{top:1%;font-size:25px;margin-top:5px;white-space:nowrap}}.roadmap-section-title{margin-bottom:20px;background-color:#1900ff4d;padding:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.roadmap-section-title h1{color:#000;font-size:20px;font-weight:700;margin-top:15px;margin-bottom:15px}.roadmap-container{position:relative;height:200vh;margin-bottom:50px}.roadmap-title-container{background-color:#3bc5f2;color:#fff;text-align:center}.vertical-line{position:absolute;height:100%;width:10px;background-color:#292929;left:50%;transform:translate(-50%);transition-duration:.2s}.milestone-box{position:absolute;display:flex;align-items:center;max-width:40%;transition-duration:.6s}.milestone-box:hover{transform:scale(1.05)}.milestone-box:not(:hover){transform:scale(1)}.left-box{right:50%;margin-right:25px}.right-box{left:50%;margin-left:25px}.dot{width:32px;height:32px;background-color:#e9dede;border-radius:50%;position:absolute;left:calc(50% - 16px)}.milestone-details{padding:10px;background-color:#5e0ee09c;border:2px solid #000;box-shadow:5px 10px 10px #000000ac;border-radius:20px}.right-box .milestone-details{background-color:#e1f392;border-radius:20px}.milestone-details .description{color:#000;font-weight:400}.milestone-details .date{color:#000;font-weight:bolder}.left-box .milestone-details .description{color:#fff;font-weight:400}.left-box .milestone-details .date{color:#fff;font-weight:bolder}.team-container{color:#fff;text-align:center;z-index:20}.team-section{background:linear-gradient(270deg,#0fa9b47e,#186edf71,#220d9c71);box-shadow:0 0 10px #29292980;padding:25px;border-radius:50px;margin:25px 15% 30px;max-width:190%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.team-member{display:flex;text-align:left;margin:15px}.team-member-img{min-width:150px;min-height:150px;max-width:150px;max-height:150px;border-radius:30%;cursor:pointer}.team-member h3{color:#000;font-weight:700;font-size:20px}.team-member h1{color:#852929;font-weight:700;font-size:16px}.team-section-title{margin-bottom:20px;background-color:#1900ff4d;padding:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.team-section-title h1{color:#000;font-size:20px;font-weight:700;margin-top:15px;margin-bottom:15px}.team-section h2{color:#000;font-size:16px;font-weight:700;margin-top:1px;margin-bottom:1px}.team-member-title{text-transform:uppercase;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;font-size:25px}@keyframes textclip{to{background-position:200% center}}.team-member p{color:#1b095c;font-size:12px;font-weight:700}.team-member-img:hover{transform:scale(1.1);transition-duration:.2s}.team-member-img:not(:hover){transform:scale(1);transition-duration:.2s}.x-icon:hover{transform:scale(.9);transition-duration:.2s}.x-icon:not(:hover){transform:scale(1);transition-duration:.2s}.x-icon{width:24px;height:24px;margin-top:10px}.image-container{width:150px;height:150px;min-width:150px;min-height:150px;perspective:1000px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s;margin-right:40px}.image-container:before{content:"";position:absolute;background:#292929;padding:54%;top:-4%;left:-4%;border-radius:30%}.image-container:hover:before{scale:1.01}@media (max-width: 768px){.team-member{flex-direction:column;align-items:center;text-align:center}.image-container{margin-right:0;margin-bottom:15px}}.team-image{position:absolute;width:100%;height:100%;max-width:150px;max-height:150px;backface-visibility:hidden}.front-image{transform:rotateY(0)}.back-image,.flipped{transform:rotateY(180deg)}.b-city{position:absolute;width:100%;bottom:0}.b-clouds{position:absolute;width:100%;top:0;transition-duration:.3s;animation:cloud-animation 15s linear infinite;overflow:hidden;scale:.95;opacity:.5}@keyframes cloud-animation{0%{transform:translate(0)}33%{transform:translate(10px)}66%{transform:translate(-10px)}to{transform:translate(0)}}.b-sun{position:absolute;width:100%;top:0}@keyframes sun-animation{0%{scale:1.3}33%{scale:1}66%{scale:.8}to{scale:1.3}}@keyframes title-animation{0%{transform:translate(0);scale:1.03}50%{transform:translateY(50px);scale:1}to{transform:translate(0);scale:1.03}}.banner-container{position:relative;height:calc(100dvh - 60px);display:flex;align-items:center;justify-content:center}.banner-container .title-container{width:65%;height:100%;margin-left:40px}.banner-container .main-nft-container{position:relative;width:35%;height:100%;z-index:10;vertical-align:bottom;justify-content:end;align-items:end}.title-container .b-title{width:80%;margin:10% auto 10% 80px;transition-duration:.3s;animation:title-animation 7s linear infinite}.main-nft-container .main-nft-img{position:absolute;width:100%;bottom:0}.second-page{position:relative;height:100vh;display:flex;align-items:center;justify-content:center}.second-page .text-container{height:max-content;width:100%;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.descrition-container{text-align:center;margin-right:10%;margin-left:10%;margin-top:8px}.descrition-container h3{font-size:50px;font-weight:bolder}.descrition-container h2{font-size:20px;font-weight:700;margin-bottom:30px}.secondary-text{font-size:1.15rem;font-weight:400;margin:1.5rem}.second-page .container{height:95%;width:92%;min-width:92%;background:linear-gradient(45deg,#3bc4f2d0,#b6deffa4,#ffffffe5,#ffffffe5,#ffffffe5,#ffffffde);box-shadow:0 5px 20px #000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.second-page .container .image{max-width:50%;max-height:50%;margin:20px 30px;outline:3px solid #000000;box-shadow:8px 8px 30px #505050;transition:.2s ease-in-out;background-color:#ebf5bf}.second-page .container .image:hover{transform:scale(1.02);box-shadow:8px 8px 40px #3fcfff;outline:3px solid #22718b}.second-page .container .text{color:#222;display:inline-block;font-size:32px;margin-left:30px;text-decoration:solid;font-weight:900}.second-page .container .text:before{content:open-quote;font-size:1.3em}.second-page .container .text:after{content:close-quote;font-size:1.3em}.third-page{position:relative;height:100vh;display:flex;align-items:center;justify-content:center}.third-page .text-container{height:95%;width:92%;background:linear-gradient(310deg,#6407ce9c,#fcd6ff96,#ffffffe5,#ffffffe5,#ffffffe5,#ffffffde);box-shadow:0 5px 20px #000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border-radius:10px}@media (max-height: 700px) and (max-width: 768px){.second-page .container .image{display:none}.second-page .container,.third-page .text-container{overflow:hidden}}@media (max-width: 768px){.banner-container .main-nft-container{display:none}.descrition-container h3{font-size:40px;font-weight:bolder}.descrition-container h2{font-size:20px;font-weight:700}.third-page .text-container{flex-direction:column}.second-page .container .text{margin-left:0;font-size:1.5rem}.second-page .container .secondary-text{font-size:1rem}.second-page .container .image{width:50%}.container{flex-direction:column;text-align:center}.image,.text{max-width:100%}.banner-container .title-container{display:flex;justify-content:center;width:90%;height:auto;margin-left:0}.title-container .b-title{margin:40% auto;width:100%}}.gallery-main:hover{transform:scale(1.05);outline:3px solid rgb(76,9,107);box-shadow:20px 20px 80px #4c096b}.gallery-main{max-width:350px;position:relative;margin-right:5%;outline:5px solid rgba(0,0,0,.8);box-shadow:20px 20px 50px #31313180;transition:.2s ease-in-out;display:flex}.gallery-main .arrow{position:absolute;top:0;right:0}.gallery-main .arrow img{width:64px;height:64px}.gallery-main .arrow img:hover{top:10px;scale:1.1;cursor:pointer}.nft-image{position:relative;height:100%;width:100%;z-index:-1}@media screen and (max-height: 650px) and (max-width: 900px){.gallery-main{display:none}}@media screen and (max-width: 800px){.gallery-main{max-width:55%;margin-top:20px}.gallery-main .arrow img{width:45px;height:45px}}.gamesection-main-container{display:block}.gamesection-container{background-color:#3bc5f2;color:#fff;text-align:center}.gamesection-section-title{margin-bottom:20px;background-color:#1900ff4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gamesection-section-title h1{color:#000;font-size:20px;font-weight:700;margin-top:15px;margin-bottom:20px}.gamesection-main-container{display:flex}.gamesection-main-container .main-container{width:95%;height:150vh;min-height:max-content;border-radius:10px;background:linear-gradient(180deg,#186edf71,#3587f3a1,#0f064171,#0f064171);box-shadow:0 0 8px #000;margin:15px;display:flex;flex-direction:column;align-items:center;overflow:auto}@media screen and (max-height :1000px){.gamesection-main-container .main-container{height:max-content}}.option-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.option-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:15px;width:90%}.gamesection-main-container .option-buttons .leaderboard-button-link{display:flex;justify-content:center;align-items:center;width:150px;height:40px;border-radius:10px;background-color:#142792;border:2px solid black;font-weight:700;cursor:pointer;transition:.1s ease-in-out}.gamesection-main-container .leaderboard-button-link:hover{scale:1.05}.gamesection-main-container .leaderboard-button-link:disabled{scale:1;cursor:default}.gamesection-main-container .leaderboard-button-link a{text-decoration:none;color:#fff}.gamesection-main-container .main-container .title-container{width:70%;height:max-content;background:#000000a6;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content;padding:10px;border-radius:5px;justify-content:center;text-align:center}.title-container h1{color:#fff;font-size:.85rem;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none}.title-container h1:hover{background-color:red;font-size:1rem;cursor:pointer}.main-container .game-container{width:92%;height:80%;max-height:720px;background-color:#292929;margin:10px auto;display:block;border-radius:5px;box-shadow:0 0 20px #ccc}.game-container .play-btn{width:10rem;height:max-content;background-color:#f0f8ffa4;border-radius:5px;cursor:pointer;position:relative;top:calc(50% - 3rem);left:calc(50% - 5rem);text-align:center;animation:play-button-animation 1s linear infinite;transition:20ms ease-in-out;padding:1rem}.game-container .play-btn:hover{animation:none}.game-container .play-btn:active{animation:none;scale:1.2}@keyframes play-button-animation{0%{scale:1}50%{scale:1.1}to{scale:1}}.game-container .play-btn h1{font-weight:bolder;font-size:2rem;-webkit-user-select:none;user-select:none}.main-container .title{font-size:1.35rem;font-weight:bolder;position:relative;margin-top:15px}.main-container .description-container{display:block;width:85%;height:max-content;min-height:300px;margin:8% auto;border:2px solid rgba(255,255,255,.4);background:#29292996;padding:20px;border-radius:10px}.main-container .description-container h3{font-weight:bolder;font-size:1.5rem;color:#fff;margin-bottom:10px}.main-container .description-container .description{font-size:1.1rem;color:#e0e0e0}.initial-settings-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32%;min-width:320px;height:720px;background-color:#1f1f1f;position:relative;margin:auto;overflow:hidden}.initial-settings-menu #th-banner{width:70%;max-width:280px;margin-top:-50px}.settings{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:300px;background:#2188b1;border-radius:10px;box-shadow:0 0 5px #f5f5f5}.play-go{width:160px;height:50px;background-color:#f5f5f5;margin:auto;display:flex;text-align:center;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 0 5px #000;cursor:pointer}.difficulty-settings{margin-top:10%;color:#f5f5f5;width:max-content}.play-go:hover{scale:1.1}.settings h1{font-size:2rem;margin-bottom:1rem}.potion-selector{text-align:center}.potion-selector input[type=radio]{display:none}.potion-selector label{padding:10px 20px;border:2px solid transparent;border-radius:15px;cursor:pointer;transition:all .3s ease}.selection{font-size:1.1rem;font-style:italic;margin-left:.5rem}.potion-selector input[type=radio]:checked+label{border-color:#000}.radio-div{display:flex;justify-content:center;text-align:center;align-items:center;width:max-content}.radio-div input[type=radio]{background-color:#3bc5f2;margin:0;padding:0;float:left}.gamesection-announcement-banner{width:95%;min-height:120px;max-height:max-content;margin:auto;border-radius:12px;background-color:#f5f5f57c;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:700;justify-content:center;position:relative;border:2px solid #3bc5f2;box-shadow:1px 1px 8px #000}.gamesection-announcement-banner h1{font-size:1.5rem;font-weight:bolder;margin-bottom:10px}.gamesection-announcement-banner h1:after{content:" ACTIVE";color:#00ff62}.gamesection-announcement-banner .learn-more{position:absolute;bottom:5px;right:5px;padding:5px 10px;background-color:#fff;border:1px solid #3bc5f2;border-radius:8px;cursor:pointer}@media screen and (max-width : 744px){.title-container h1,.title-container h1:hover{font-size:.7rem}.gamesection-main-container .main-container .title-container{width:100%;grid-template-columns:repeat(2,50%);justify-content:center;align-items:center;text-align:center}.option-container{flex-direction:column}}.main-game-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:max-content;max-width:450px;max-height:720px;width:100%;height:100%;background-color:#000;position:relative;margin:auto;overflow:hidden}.main-game-container .column{height:720px;max-height:720px;width:100%;display:block}.main-game-container .divider{background-color:#fff;height:720px;width:2px;z-index:0;position:absolute;box-shadow:0 0 15px #fff}.main-game-container .goal-bar{position:absolute;height:2px;width:100%;top:80%;background-color:#fff;display:flex}.main-game-container .goal-bar .note-goal{width:60px;height:85px;position:relative;top:-30px;background-color:#000;box-shadow:0 0 10px #ffffffa6;border-radius:5px;border:1px solid white;margin:auto;z-index:1}.main-game-container .btn{position:absolute;width:25%;height:140px;background-color:#ffffff1a;bottom:0;z-index:0}.starting-menu{position:absolute;width:100%;height:150px;background-color:#1f6ee4;box-shadow:0 0 20px #b9f5ff;top:30%;border-radius:10px;z-index:1000;display:flex;flex-direction:column}.starting-menu .info-text-container{display:flex;margin-top:5px;text-align:center;justify-content:center;align-items:center}.starting-menu .start-button{display:flex;justify-content:center;align-items:center;width:max-content;padding:5px 15px;height:max-content;position:relative;z-index:1000;margin:5% auto;background-color:#942b2b;box-shadow:0 0 10px #ff0000a6;border-radius:10px;animation:play-button 1.5s linear infinite;color:#fff;text-shadow:1px 2px 3px black}.starting-menu .loading-screen{width:max-content;height:70px;position:relative;z-index:1000;text-align:center;margin:5% auto;padding:10px;background-color:#942b2b;box-shadow:0 0 10px #ff0000a6;border-radius:10px;animation:play-button 1.5s linear infinite;color:#fff;text-shadow:1px 2px 3px black}.starting-menu .previous-score{font-weight:bolder;font-size:1rem;color:#fff;text-shadow:1px 2px 3px black}.starting-menu .games-left{font-weight:bolder;font-size:1rem;color:#fff;text-shadow:1px 2px 3px black;margin-left:10%}.start-button:hover{scale:1.2;cursor:pointer;animation:none}.start-button h1{font-weight:bolder;font-size:2rem;margin-top:.5rem}@keyframes play-button{0%{scale:1}50%{scale:1.2}to{scale:1}}.game-user-bar{position:relative;grid-column:1 / span 4;width:100%;height:50px;text-align:center;display:grid;grid-template-columns:repeat(7,1fr);z-index:6}.game-user-bar-bg{position:absolute;width:115%;height:160%;transform:translate(-7.5%,-28%);top:0;z-index:-5}.game-user-bar h3{grid-column:1 / span 3;font-weight:700;font-size:1rem;margin-top:.7rem;color:#fff;text-shadow:1px 2px 3px black}.game-user-bar h1{grid-column:4 / span 4;font-weight:700;font-size:1rem;margin-top:.7rem;color:#fff;text-shadow:1px 2px 3px black}.settings-menu{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:84%;height:60%;background:linear-gradient(45deg,#3bc4f2,#b6deff,#fff,#fff,#fff,#fff);box-shadow:5px 5px 20px #3484fc;outline:5px solid #3484fc;margin-top:20%;margin-left:8%;border-radius:15px;text-align:center;z-index:1001}.settings-menu h1{grid-column:2 / span 4;font-size:1.2rem;margin-top:.5rem}.settings-menu .back-button{position:absolute;top:10px;left:10px;width:2.2rem;height:2.2rem;grid-column:1;transform:rotate(180deg);transition:.1s ease-in-out}.settings-menu .back-button:hover{scale:1.1}.settings-icon{position:absolute;cursor:pointer;height:40px;top:8px;right:8px;transition:.2s ease-in-out;animation:rotate-setting-icon 10s linear infinite;z-index:2}.exit-icon{position:absolute;cursor:pointer;height:40px;top:8px;left:8px;transition:.2s ease-in-out;border-radius:50%;z-index:2}.exit-icon:hover{scale:1.1}@keyframes rotate-setting-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-icon:hover{scale:1.1}.settings-icon:active{scale:1.2}.volume-block{grid-column:1 / span 6;grid-row:3;width:80%;display:flex;flex-direction:column}.volume-block h1{font-size:1rem}.volume-block .menu-voice-text{font-size:.8rem;margin-bottom:.5rem}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4834fc;width:16px;height:16px;border-radius:50%}.volume-slider::-moz-range-progress{background:#4834fc;height:8px}.volume-slider{-webkit-appearance:none;border-radius:10px;height:8px;width:100%;background-color:#292929}#key-title{margin-top:50px}.buttons-change{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:5px}.buttons-change input{width:30px;text-align:center}.difficulty{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:1.8rem;text-shadow:1px 1px 1px rgba(184,184,184,.644);color:#000;padding:5px 20px;border-radius:10px;background-color:#3484fc;border:1px solid white;z-index:1}.note{width:32px;height:32px;border-radius:50%;background-color:#3484fc;z-index:5;position:absolute;box-shadow:0 0 20px #3484fc;outline:2.2px solid white;text-align:center;color:#fff;font-weight:bolder;font-size:.8rem;padding-top:.5rem;top:-32px}@keyframes note-descent{0%{top:-40px;opacity:.3}15%{top:15%;opacity:1}90%{top:90%;opacity:.85;scale:1}to{top:110%;opacity:0;scale:.05}}.combo-popup{position:absolute;width:100%;height:40px;color:#292929;top:100px;z-index:10;display:flex;align-items:center;justify-content:center;gap:15px}.combo-popup #text-popup{font-size:2rem;color:#f0f8ff;animation:popupAnimation .08s linear;text-shadow:1px 1px 2px red}.combo-popup #text-combo-popup{font-size:1.5rem;color:#f0f8ff;animation:comboAnimation .12s linear;z-index:2}.popup-container{position:absolute;top:0;z-index:-1;width:100%;height:50px;display:flex;align-items:center;justify-content:center}.popup-container .p-icon{position:absolute;width:80px;top:-15px;left:14%;z-index:1;animation:popupAnimation .08s linear}.popup-container .p-banner{position:absolute;opacity:.8}.p-precision-info{position:absolute;width:100%;height:40px;top:160px;z-index:10;display:flex;align-items:center;justify-content:center}.p-precision-info h1{color:#fff;font-size:22px;text-shadow:1px 1px 1px blue}@keyframes popupAnimation{0%{scale:1}50%{scale:1.3}to{scale:1}}@keyframes comboAnimation{0%{scale:1}50%{scale:1.45}to{scale:1}}.shop-main-container{position:relative;min-height:92dvh;height:max-content;display:flex;align-items:center;flex-direction:column;padding:10px;gap:25px;background-color:#cacacac2}.shop-main-container .title-container{position:relative;height:10%;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:20px}.shop-main-container .title-container .title{font-size:40px}.shop-main-container .container-shop{height:max-content;position:relative;width:80%;min-height:85dvh;padding:20px 0 30px;box-shadow:0 0 20px #292929;background-color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-align:center}.shop-main-container .transactions{height:max-content;width:80%;min-height:max-content;padding:20px 0 30px;box-shadow:0 0 20px #292929;background-color:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;text-align:center}.transactions .reward-block,.reward-block-b,.reward-block-head{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(4,1fr)}.transactions .reward-block-head{margin-bottom:10px}.transactions .reward-block{width:100%;height:30px;border-top:1px solid #292929;background-color:#00a2ff48}.transactions .reward-block-b{width:100%;height:30px;border-top:1px solid #292929;background-color:#29292910}.shop-main-container .transactions h1{font-size:1.35rem;margin-bottom:15px}.shop-main-container .container-shop .inside-shop-container{height:90%;display:grid;grid-template-columns:repeat(3,300px);justify-content:center;text-align:center;gap:20px}.shop-main-container .container-shop .inside-shop-container .shop-text{font-size:35px;color:#fff;text-shadow:3px 3px 5px black}.inside-shop-container .shop-card{width:300px;height:320px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-radius:12px;box-shadow:0 0 2px #000}.inside-shop-container .shop-card:hover{border:2px solid rgb(75,229,240);box-shadow:unset}.inside-shop-container .shop-card .shop-card-media{width:250px;height:150px;display:flex;justify-content:center;align-items:center}.inside-shop-container .shop-card .shop-card-media img{width:120px;height:120px}@media screen and (max-width : 1250px){.shop-main-container .container-shop .inside-shop-container{grid-template-columns:repeat(2,300px)}}@media screen and (max-width : 850px){.shop-main-container .container-shop,.shop-main-container .transactions{width:100%}.shop-main-container .transactions p{font-size:.85rem}.transactions .reward-block,.reward-block-b,.reward-block-head{grid-template-columns:repeat(3,1fr)}.shop-main-container .transactions .hidable{display:none}.shop-main-container .container-shop .inside-shop-container{grid-template-columns:repeat(1,300px)}.blurred-background .confirm-window{top:-300px}}.inside-shop-container .shop-card .labels{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.inside-shop-container .shop-card .buy-button{width:150px;height:40px;border-radius:10px;background-color:#fff;border:1px solid black;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.1s ease-in-out}.inside-shop-container .shop-card .buy-button:hover{scale:1.05}.labels .label-name{font-size:1.3rem;font-weight:700}.labels .label-price{font-size:1.1rem}.labels .label-eta{font-size:1rem}.blurred-background{width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#dbdbdb20;display:flex;justify-content:center;align-items:center;position:absolute}.confirm-window{width:280px;height:200px;background-color:#fff;position:relative;border:2px solid rgb(75,229,240);box-shadow:4px 4px 15px #3b3b3b;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;border-radius:10px}.confirm-window h1{font-size:1.5rem}.confirm-window .confirm-btn{width:max-content;height:max-content;padding:5px;background-color:#fff;box-shadow:1px 1px 5px #000;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.1s ease-in-out;margin-top:10px}.confirm-window .confirm-btn:hover{scale:1.1;color:#4be5f0;font-weight:700}.exitIcon{width:32px;height:32px;position:absolute;top:5px;left:5px;cursor:pointer}.exitIcon:hover img{scale:1.1}.exitIcon img{width:24px;height:24px;transition:.1s ease-in-out}.leaderboard-page-main-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:800px;background-color:#cacacac2}#lb-banner{height:75%}.leaderboard-page-main-container .lb-info-header-container{display:flex;height:250px;margin-top:20px;margin-bottom:20px;flex-direction:column;justify-content:center;align-items:center}.leaderboard-page-main-container .lb-weekly-prizes{width:100%;height:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:40px}.lb-weekly-prizes .prize-list{width:300px;height:max-content;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-left:15px}.leaderboard-page-main-container .lb-weekly-prizes h1{font-size:1.4rem;margin-bottom:15px}.leaderboard-page-main-container .lb-weekly-prizes p{width:165px;display:flex;justify-content:left}.leaderboard-page-main-container .lb-info-header-container img{height:100%}.lb-info-header-container h1{font-size:2rem}.leaderboard-page-main-container .lb-container{display:flex;flex-direction:column;width:90%;height:95%;margin:10px auto;border-radius:15px}.leaderboard-page-main-container .lb-container .lb-order-type{display:flex;justify-content:left;align-items:center;height:max-content;width:100%;gap:10px;padding:20px}.lb-order-type h1{color:#27272a;font-size:1.5rem}.lb-order-type .lb-ot{background-color:#1d1d1d;color:#fff;cursor:pointer;border-radius:20px;padding:5px 20px;border:none;background-color:#60a5fa}.leaderboard-data{display:flex;flex-direction:column;align-items:flex-start}.leaderboard-data .lb-header-row{display:grid;grid-template-columns:7% 42% 17% 18% 16%;width:100%;height:65px;border-top:2px solid #27272A;border-bottom:2px solid #27272A;color:#27272a;padding:5px 15px;font-size:1.1rem;text-align:center;-webkit-user-select:none;user-select:none;align-items:center}.lb-header-row p{border-right:1px solid rgba(85,85,85,.699)}.lb-header-row p:hover{color:#0004ff;cursor:pointer}.leaderboard-data .lb-row-alt,.lb-row-top,.lb-row{display:grid;grid-template-columns:7% 42% 17% 18% 16%;width:100%;color:#27272a;font-size:1.2rem;text-align:center;padding:15px;align-items:center;border-bottom:2px solid #27272A}.leaderboard-data .lb-row-alt{display:grid;width:100%;font-size:1.2rem;text-align:center;padding:15px;background-color:#29292911}.leaderboard-data .lb-row-top{display:grid;width:100%;font-size:1.2rem;text-align:center;padding:15px;background-color:#00a2ff48}.lb-player-address{overflow:hidden}.lb-index{width:100%;height:max-content;padding:20px;display:flex;justify-content:right;align-items:center;gap:8px}.lb-index p{font-size:1.2rem;color:#27272a}.change-page-button{padding:3px 6px;background-color:#292929;border-radius:5px;color:#fff;font-size:1rem;font-weight:700}.player-info-row #player-address{font-size:.85rem}.player-info-row #player-name{font-weight:700;color:#2563eb}@media screen and (max-width : 850px){.leaderboard-data .lb-header-row,.lb-row-alt,.lb-row,.lb-row-top{grid-template-columns:15% 47% 38%!important}.lb-hidable{display:none}.lb-info-header-container h1{font-size:1.25rem}.leaderboard-data p{font-size:1.1rem}}
