body{font-family:Roboto,sans-serif;margin:0;padding:0}a{text-decoration:none;color:#333}li{list-style:none}.layoutMain{max-width:768px;margin:0 auto;text-align:center;min-height:80vh}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;margin:0 auto;color:#997ade;width:500px;height:71vh;background-image:url(/assets/1-removebg-preview-BTs7YgUS.png);background-size:cover;background-position:center;position:relative}.button-container{position:relative;display:inline-block}.button-container img{display:block;width:180px}.button-container span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:18px;width:100%}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;margin:0 auto;color:#997ade;width:500px;height:71vh;background-image:url(/assets/1-removebg-preview-BTs7YgUS.png);background-size:cover;background-position:center;position:relative}.imgLucky{margin-top:-200px;margin-bottom:-460px;width:60%}.formInput{max-width:400px;border-radius:20px;padding:20px;position:relative;margin-top:90px}.input-group{display:flex;align-items:center;background-color:#c7a079;border-radius:10px;padding:10px;margin-bottom:10px;border:2px solid black}.group-register{display:flex;align-items:center;background-color:#c7a079;border-radius:10px;padding:6px;margin-bottom:5px;border:2px solid black}.group-register input{border:none;background:none;outline:none;width:100%;font-size:16px;color:#fff;font-family:system-ui}.input-group .icon{margin-right:10px;font-size:25px}.input-group input{border:none;background:none;outline:none;width:100%;font-size:16px;color:#fff;font-family:system-ui}.input-group input::placeholder{color:#fff}.eye-icon{cursor:pointer}.remember-me{display:flex;align-items:center;margin-bottom:5px;color:#f0e6ff}.remember-me input{margin-right:10px}.login-button{background-image:linear-gradient(to right,#100c01,#b48114);color:#fff;border:none;border-radius:10px;font-size:18px;cursor:pointer;width:100%;height:45px;margin-top:10px;border:2px solid black;font-weight:700}.register-link{color:#ccc}.register-link a{color:#ccc;text-decoration:none;font-weight:700}.logo{position:absolute;top:20px;display:flex;justify-content:center;width:100%}.logo img{width:120px;height:auto;border-radius:50%}.accuracy{display:flex;justify-content:center;align-items:center;padding:10px}.accuracy h2{font-size:30px;color:bisque;margin-bottom:60px}.category-container{background-image:url(/assets/width_626-DkpeDHvr.jpg);background-size:contain;background-position:center;min-height:100vh}.category{padding:16px;background:url(/path-to-background-image.jpg) no-repeat center center;background-size:cover;min-height:100vh}.CateMain{display:flex;justify-content:center;align-items:center}.cateList{width:100%;max-width:1200px}.category-item{position:relative;padding:10px;background:linear-gradient(90deg,#ff00964d,#00ccff4d);clip-path:polygon(10% 0%,100% 0%,100% 70%,90% 100%,0% 100%,0% 30%);box-shadow:0 4px 15px #000000b3;transition:transform .3s ease-in-out;border:3px solid transparent;z-index:1}.category-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff0096,#045c72);clip-path:polygon(10% 0%,100% 0%,100% 70%,90% 100%,0% 100%,0% 30%);z-index:-1;border:3px solid rgba(255,0,150,1);opacity:.65}.category-image{max-width:100%;position:relative;z-index:2;height:30px}.category{background-color:#00000080;padding:20px;border-radius:12px}.CateMain{border:1px solid white;border-radius:20px}.coins,.coin{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;color:#fff}.coins .icon{margin-right:20px;font-size:40px}.back .icon{margin-right:20px;font-size:40px;color:#fff}.poin{background:#e20404;padding:5px;border-left:1px solid;border-radius:50px;border-right:1px solid}.poin span{font-size:18px}.toGames{display:flex;justify-content:center;align-items:center;padding:5px}.cateList{padding:30px}.menu-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.menu-item .item{display:flex;align-items:center}.homeIcon{font-size:40px;color:#6d36a5}.zalo{width:40px;border-radius:30%}.teleIcon{font-size:40px;color:#0598eb}.logout{border:none;background:none}.logoutIcon{font-size:40px;color:#f44336}.text{font-size:25px;padding:20px}.gameCoins{height:300px;width:100%;background-image:url(/assets/Screenshot%202024-06-20%20080903-DVm1hkCv.png);background-size:cover;background-position:center;background-repeat:no-repeat}.gameCoin{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;color:#fff}.gameCoin .icon{margin-right:20px;font-size:40px}.gameCoin span{font-size:18px}.mainGame{background-color:#333;padding:10px}.BGGame{background-image:url(/assets/width_626-_1_-D_i69EjU.jpg);background-size:contain}.typeGame{display:flex;justify-content:space-around;background-color:#fff;border-radius:20px}.typeGameItem{padding:10px 20px;cursor:pointer;border-radius:10px;width:100%}.typeGameItem.selected{background-color:#d4edda}.adminLg{width:50%}.search{text-align:center;display:flex;padding:10px;justify-content:center;margin-bottom:40px}.imgGame{width:150px;height:150px;border-radius:50%}.overlay-container{position:relative;display:inline-block}.gif{width:160px;height:160px}.imgGame{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:1}.gameName{margin-top:10px;font-size:16px;color:#fff;text-align:center;margin-left:30px;font-size:20px;font-weight:700}.timeLucky{min-height:100vh;overflow:hidden;background-image:url(/assets/width_626-DkpeDHvr.jpg);background-size:cover;background-position:center}.LuckyVideo{transform:rotate(180deg)}.game{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;background-color:#000002;width:600px;border:2px solid white}.gameTime{display:flex;justify-content:center}.mainTime{min-height:90vh}.logogame{display:flex;align-items:center;width:100%;justify-content:space-around}.logogame .nameGame{font-size:20px;font-weight:700;color:#f0e6ff;width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help{color:#fff;margin-top:-15px}.bgNameGame{position:relative}.bgNameGame img{width:260px}.nameGame{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.time-percentage{display:flex;justify-content:center;align-items:center}.background{position:relative}.background-image{width:100%;border-radius:20px}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;display:flex;justify-content:center;align-items:center}.rotating{position:absolute;border-radius:50%;animation:none}.rotating-image{width:100%;height:100%}.rotating2{position:absolute;width:100%;border-radius:50%;animation:none}.rotating2-image{width:30%;height:50%}.percentage{position:absolute;z-index:1;color:#000;font-size:27px;font-weight:700;width:90px;height:90px;background:#fff;border-radius:50%}.running .rotating{animation:spin 3s linear infinite;animation-direction:reverse}.running .rotating2{animation:spin 3s linear infinite}@keyframes borderAnimation{0%{border-image:linear-gradient(90deg,#6a1b9a,transparent,transparent,transparent) 1}25%{border-image:linear-gradient(90deg,#6a1b9a,#6a1b9a,transparent,transparent) 1}50%{border-image:linear-gradient(90deg,#6a1b9a,#6a1b9a,#6a1b9a,transparent) 1}75%{border-image:linear-gradient(90deg,#6a1b9a,#6a1b9a,#6a1b9a,#6a1b9a) 1}to{border-image:linear-gradient(90deg,#6a1b9a,#6a1b9a,#6a1b9a,#6a1b9a) 1}}.timeLuck{width:600px;display:flex;justify-content:center;align-items:center;margin:auto}.timeText{color:#fff;font-size:20px;font-weight:700}.arrow{width:30px;height:30px;border:solid 3px transparent;position:relative}.left{border-left-color:#f0f;transform:rotate(45deg);left:-10px}.right{border-right-color:#f0f;transform:rotate(-45deg);right:-10px}.loading-video{width:185px;height:80px}.running .item .time{color:#0f0;font-size:22px;font-weight:700;width:100%}.item{width:260px;position:relative;margin:10px;display:inline-block}.item .background-image{width:260px;height:auto}.time{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.7);z-index:10;pointer-events:none}.gradient-text{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#aa9800,#ff9800,#fff2f1,#e91e63,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation 3s ease infinite;text-shadow:0px 0px 4px rgba(255,255,255,.6),0px 0px 6px rgba(255,255,255,.4),0px 0px 8px rgba(255,0,0,.4)}@keyframes gradientAnimation{0%{background-position:0%}to{background-position:100%}}@media (max-width: 768px){.rotating2-image{width:35%;height:50%}.timeLuck{width:300px;display:flex;justify-content:center;align-items:center;margin:auto}.nameGame{top:30%}.cateList{padding:10px}.item .background-image{width:160px;height:auto}.bgNameGame img{width:220px}.logogame .nameGame{width:160px;font-size:17px}.timeText{font-size:16px}.arrow{width:20px;height:20px}.loading-video{width:100px;height:60px}.running .item .time{font-size:18px}.time{position:absolute;top:24%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;width:100px;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.7);z-index:10;pointer-events:none}}@media (max-width: 480px){.neonButton{padding:6px 15px}.mainGame{padding:auto}.timeText{font-size:14px}.arrow{width:15px;height:15px}.running .item .time{font-size:16px}}@keyframes borderAnimation{0%{border-color:transparent}to{border-color:#b529ec}}.submit{background-color:#6a1b9a;color:#fff;padding:25px;border:none;border-radius:10px;font-size:23px;cursor:pointer;margin-top:25px;border:2px solid #ffffff}.warning{margin-top:30px;color:#fff;font-size:20px;background-color:#14050599;padding:15px 25px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.warning span{color:#fff;font-size:15px}.round{position:relative;z-index:1;margin:0 auto;min-width:200px;max-width:200px}.round p{color:#fff;width:100%;text-align:center}.roundFrom{width:220px;object-fit:cover;border-radius:8px;position:absolute;top:15px;left:0;margin-top:-30px;z-index:-1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:222}.modal-content{background:linear-gradient(90deg,#c6ec6e,#e4ecb4 35%,#c946c9);padding:20px;border-radius:10px;position:relative;width:687px;z-index:9999!important}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.HelpValue{text-align:start}.me-page{display:flex;justify-content:center;width:100%;height:100vh;background:url(/assets/width_626-DkpeDHvr.jpg);background-size:cover;background-position:center;min-height:100vh}.me-card{background-image:url(/path/to/background-image.png);background-size:cover;width:300px;padding:20px;border-radius:10px;color:#fff;text-align:center;position:relative;margin:0 auto}.vip-badge{position:relative}.user-image{position:relative;margin-bottom:25px;height:100px}.user-image img:first-child{width:100px;height:100px;border-radius:50%}.rank-image{position:absolute;width:160px;height:160px;top:-27px;right:70px;z-index:1}.rank{position:absolute;top:75px;right:40px;z-index:2;padding:2px 5px;border-radius:5px}.profile-name{margin-left:20px}.profile-name{font-size:20px;margin-top:10px}.currency{font-size:40px;margin:20px 0}.note{font-size:18px;margin:20px 0}.vip-button{background-color:#f05;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.guide{margin-top:50px;font-size:16px;color:#fff;cursor:pointer}.menu{display:flex;justify-content:space-between;align-items:center}.rank{font-size:32px;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(255,0,0,.5),0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.5),0 0 80px rgba(255,0,0,.5);animation:glow 1.5s infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(255,0,0,.5),0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.5),0 0 80px rgba(255,0,0,.5)}to{text-shadow:0 0 10px rgba(255,0,0,1),0 0 20px rgba(255,0,0,1),0 0 30px rgba(255,0,0,1),0 0 50px rgba(255,0,0,1),0 0 100px rgba(255,0,0,1)}}.kickRank{position:relative;z-index:1;width:100%;margin-top:80px}.kickRank img{width:100%;object-fit:cover;border-radius:8px;position:absolute;top:-38px;left:0;z-index:-1}.kickRank .request{font-size:22px;font-weight:600}.vip-tables{display:flex;flex-direction:column;gap:20px}.vip-table table{width:90%;border-collapse:collapse;background-color:#fff;margin:0 auto}.vip-table th,.vip-table td{border:1px solid #310404;padding:8px;text-align:left}.vip-table th{background-color:#f2f2f2}.ant-carousel .slick-next{color:#fff;width:20px}.ant-carousel .slick-prev{color:#fff}.rank-selection{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.rank-option img{width:100px;height:100px;border-radius:50%}.rank-option span{display:block;margin-top:5px}.avatar-container{text-align:center}.avatar-overlay{position:relative;display:inline-block}.avatar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;background-color:#00000080;padding:5px 10px;border-radius:5px;cursor:pointer;opacity:0;transition:opacity .3s ease}.avatar-overlay:hover .avatar-text{opacity:1}.avatar{width:100px;height:100px;border-radius:50%}.rank-selection{display:flex;flex-wrap:wrap;justify-content:center}.rank-option{margin:10px;cursor:pointer;text-align:center}:where(.css-dev-only-do-not-override-j9bb5n).ant-carousel .slick-prev:after,:where(.css-dev-only-do-not-override-j9bb5n).ant-carousel .slick-next:after{box-sizing:border-box;position:absolute;top:2.3422913719943423px;inset-inline-start:2.3422913719943423px;display:inline-block;width:23.315417px;height:24.315417px;border:0 solid currentcolor;border-inline-width:2px 0;border-block-width:2px 0;border-radius:1px;content:""}@media screen and (max-width: 768px){.modal-content{background:linear-gradient(90deg,#c6ec6e,#e4ecb4 35%,#c946c9);padding:20px;border-radius:10px;position:relative;width:80%;margin:20px}.category{padding:10px}.overlay{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;display:flex;justify-content:center;align-items:center}.percentage{position:absolute;z-index:1;color:#000;font-size:23px;font-weight:700;width:70px;height:70px;background:#fff;border-radius:50%}.rotating{position:absolute;height:100%;border-radius:50%;animation:none}.round{position:relative;z-index:1;margin:0 auto;min-width:200px;max-width:200px}.round p{color:#fff}.logogame{display:flex;align-items:center;width:100%}.imgLucky{margin-top:-200px;margin-bottom:-410px;width:100%}.background{position:relative}.loginPage{background-image:url(/assets/2515d834224b0a1315a628b56f862ced-CaHGMebL.jpg);background-size:cover;background-position:center}.admin{width:240px}.registerpage{background-image:url(/assets/2515d834224b0a1315a628b56f862ced-CaHGMebL.jpg);background-size:cover;background-position:center}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;margin:0 auto;color:#997ade;background-image:url(/assets/1-removebg-preview-BTs7YgUS.png);background-size:cover;background-position:center;position:relative;width:100%;height:75vh}.register-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background-image:url(/assets/register-W_2zTmMa.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;height:75vh}.LogoAdmin{width:100%}.button-container img{display:block;width:150px}.button-container span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:15px;width:100%}.gif{width:105px;height:105px}.game{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;background-color:#000002;width:95%;border:2px solid white}.register-container .formInput{max-width:400px;border-radius:20px;padding:20px;position:relative;margin-top:150px}.group-register{display:flex;align-items:center;background-color:#c7a079;border-radius:10px;padding:7px;margin-bottom:10px;border:2px solid black}.gameCoins{height:230px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.BGGame{background-image:url(/assets/width_626-_1_-D_i69EjU.jpg)}.search{text-align:center;padding:10px;display:block}.time-percentage .percentageimg{width:140px}.time-percentage .timeimg{width:240px;height:110px}.submit{background-color:#6a1b9a;color:#fff;padding:20px;border:none;border-radius:10px;font-size:23px;cursor:pointer;border:2px solid #ffffff}.imgGame{width:100px;height:100px;border-radius:50%}.roundFrom{width:200px;object-fit:cover;border-radius:8px;position:absolute;top:0;left:0;margin-top:-25px;z-index:-1;margin-left:2px}}@media screen and (min-width: 768px){body{background-image:url(/assets/2515d834224b0a1315a628b56f862ced-CaHGMebL.jpg);background-size:cover;background-position:center}}@media screen and (max-height: 740px){.imgLucky{margin-top:-100px;margin-bottom:-400px;width:100%}}.helpContent img{width:100%}.video-container{position:relative;width:250px;height:250px}video{width:100%;height:100%}.overlay-image-left{position:absolute;top:85px;left:123px;z-index:1000;width:50px;height:250px;pointer-events:none;transform:rotate(-20deg);animation:revealAnimation 3s forwards}.overlay-image-right{position:absolute;top:17px;left:235px;z-index:1000;width:50px;height:250px;pointer-events:none;transform:rotate(-70deg);animation:revealAnimation 3s forwards}.reveal-image{width:100%}@keyframes revealAnimation{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@media (min-width: 320px){.video-container{width:120px;height:250px;object-fit:cover}.overlay-image-left{left:75px;top:147px}.overlay-image-right{height:150px;top:108px;left:130px}}@media (min-width: 360px){.video-container{width:150px;height:250px;object-fit:cover}.overlay-image-left{left:85px;top:105px}.overlay-image-right{height:200px;top:55px;left:140px}}@media (min-width: 400px){.video-container{width:150px;height:250px;object-fit:cover}.overlay-image-left{left:115px;top:105px}.overlay-image-right{height:220px;top:45px;left:180px}}@media (min-width: 530px){.video-container{width:200px;height:250px}.overlay-image-left{left:115px;top:105px}.overlay-image-right{height:240px;top:40px;left:180px}}@media (min-width:768px){.video-container{width:250px;height:250px}.overlay-image-left{left:170px;top:90px;transform:rotate(-40deg)}.overlay-image-right{height:280px;top:20px;transform:rotate(-75deg);left:230px}}@media (min-width: 992px){.video-container{width:250px;height:350px}.overlay-image-left{left:135px;top:150px;transform:rotate(-20deg)}.overlay-image-right{height:250px;top:80px;transform:rotate(-70deg);left:205px}}.neon{position:absolute;width:100%;text-align:center;animation:neonAnim 2s alternate-reverse infinite;color:#007bff;font-family:Cursive;font-size:15px}@keyframes neonAnim{0%{text-shadow:0 0 10px rgba(0,123,255,.7),0 0 40px rgba(0,123,255,.7),0 0 100px rgba(0,123,255,.7)}to{text-shadow:0 0 5px rgba(0,123,255,.7),0 0 20px rgba(0,123,255,.7),0 0 60px rgba(0,123,255,.7)}}.loadingVideo-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.videoLoad{width:100%;height:100%;object-fit:cover}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-item{position:relative;text-align:center}.image-container{position:relative;width:160px;height:160px}.gameFlex{display:flex}.gif1{z-index:1;position:absolute;top:0;left:0;width:150px;height:150px;object-fit:cover}.gif2{z-index:2;position:absolute;top:10px;left:15px;width:120px;height:120px;object-fit:cover}.game-image{z-index:3;position:absolute;top:44%;left:47%;transform:translate(-50%,-50%);width:95px;height:95px;object-fit:cover;border-radius:50%;border:3px solid white}.Name{position:relative;margin-left:-60px;top:60px}.Name span{color:#fdfdfd;position:absolute;top:22%;left:50%;font-weight:600;width:135px;transform:translate(-50%,-50%);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px}@media (max-width: 480px){.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.image-container{position:relative;width:80px;height:80px;margin:0 auto}.gif1{z-index:1;position:absolute;top:0;left:0;width:80px;height:80px;object-fit:cover}.gif2{z-index:2;position:absolute;top:5px;left:8px;width:65px;height:65px;object-fit:cover}.game-image{z-index:3;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;object-fit:cover;border-radius:50%;border:3px solid white}.Name div img{width:140px}.Name{position:relative;margin-left:-40px;top:25px}.Name span{color:#fdfdfd;position:absolute;top:30%;left:50%;font-weight:600;width:86px;transform:translate(-50%,-50%);text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;font-size:12px}}.admin{width:240px}