#page-home{min-height:100vh;max-width:100vw}#page-home .title-box{position:relative;color:#fff;font-size:68px;font-weight:800;display:inline-block;white-space:nowrap}#page-home .title-box .t2{position:absolute;left:4px;top:0;color:#a811ff;text-shadow:-1px -2px 15.4px rgba(51,109,255,.8)}#page-home .title-box .t3{position:absolute;left:-2px;top:0;color:#11cbff}#page-home .title-box .t4{position:absolute;left:0;top:0}#page-home .title-box.game-news{margin-top:180px;margin-bottom:30px}#page-home .title-box.my-assets{margin-top:228px;margin-bottom:71px}#page-home .main-container-with-dynamic-bg{position:relative;background-size:100vw 100vh;background-position:start;background-repeat:no-repeat;min-height:100vh;padding:30px 0;transition:background-image .5s ease-in-out;margin-top:80px}#page-home .main-container-with-dynamic-bg .main-bg-overlay{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(180deg,rgba(13,14,18,.7) 0,rgba(13,14,18,.8) 35%,rgb(13,14,18) 65%);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:0}#page-home .carousel-container{max-width:1200px;margin:0 auto;position:relative}#page-home .carousel-container .news-carousel{background:rgba(0,0,0,0)}#page-home .carousel-container .news-carousel .news-slide{position:relative;overflow:hidden;border-radius:20px}#page-home .carousel-container .news-carousel .news-slide img{opacity:.5;height:400px;object-fit:fill;border-radius:20px}#page-home .carousel-container .news-carousel .news-slide .hero-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,rgba(0,0,0,.7),rgba(0,0,0,.5) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,0));z-index:1;border-radius:0 0 20px 20px}#page-home .carousel-container .news-carousel .news-slide .news-content{height:180px;max-width:50%;opacity:0;position:absolute;bottom:0;left:0;right:0;padding:0 60px 20px;color:#fff;font-weight:600;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;z-index:2}#page-home .carousel-container .news-carousel .news-slide .news-content .news-title{font-size:32px;font-weight:600}#page-home .carousel-container .news-carousel .news-slide .news-content .play{flex-shrink:0;background:#f9faff;border-radius:6px;display:flex;justify-content:center;align-items:center;width:96px;height:40px;color:#2f3148;cursor:pointer}#page-home .carousel-container .news-carousel .news-slide .news-content .play:hover{opacity:.9}#page-home .carousel-container .news-carousel .news-slide.active img{opacity:1;object-fit:fill;border-radius:20px;transition:transform .3s ease-in-out}#page-home .carousel-container .news-carousel .news-slide.active:hover img{transform:scale3d(1.02,1.02,1.02)}#page-home .carousel-container .news-carousel .news-slide.active .news-content{opacity:1;border-radius:20px}#page-home .carousel-container .news-carousel-indicators{bottom:-40px;display:flex;justify-content:center;gap:10px}#page-home .carousel-container .news-carousel-indicator{width:12px;height:12px;border-radius:50%;background-color:#505867;transition:all .3s ease}#page-home .carousel-container .news-carousel-indicator[data-active]{background-color:#fcfcfc}#page-home .trending-section{margin-top:108px}#page-home .trending-section .trending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#page-home .trending-section .trending-header .trending-title{font-size:24px;font-weight:700;color:#fff}#page-home .trending-section .trending-header .trending-controls{display:flex;gap:8px}#page-home .trending-section .trending-header .trending-controls .trending-control-button{color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}#page-home .trending-section .trending-header .trending-controls .trending-control-button .next-button{transform:rotate(180deg)}#page-home .trending-section .trending-header .trending-controls .trending-control-button:hover{background-color:hsla(0,0%,100%,.2)}#page-home .trending-section .skeleton-gameList,#page-home .trending-section .trending-games-list{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}#page-home .trending-section .skeleton-gameList::-webkit-scrollbar,#page-home .trending-section .trending-games-list::-webkit-scrollbar{display:none}#page-home .trending-section .game-card{background-color:#13161b;border-radius:8px;overflow:hidden;width:320px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}#page-home .trending-section .game-card .game-card-image{width:100%;height:400px;object-fit:cover;display:block}#page-home .trending-section .game-card .game-card-info{height:80px;padding:15px;display:flex;justify-content:space-between;align-items:center;background-color:#23262b}#page-home .trending-section .game-card .game-card-info .game-card-title{font-size:16px;color:#fff;margin-right:10px}#page-home .trending-section .game-card .game-card-info .game-card-play-button{background-color:#f9faff;color:#2f3148;padding:6px 12px;font-size:14px;font-weight:600;border-radius:6px;border:none;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}#page-home .trending-section .game-card .game-card-info .game-card-play-button:hover{opacity:.9}#page-home .events-section{margin-top:100px}#page-home .events-section .events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#page-home .events-section .events-header .events-title{font-size:24px;font-weight:700;color:#fff}#page-home .events-section .events-header .events-controls{display:flex;gap:8px}#page-home .events-section .events-header .events-controls .events-control-button{color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}#page-home .events-section .events-header .events-controls .events-control-button .next-button{transform:rotate(180deg)}#page-home .events-section .events-header .events-controls .events-control-button:hover{background-color:hsla(0,0%,100%,.2)}#page-home .events-section .events-list,#page-home .events-section .skeleton-eventsList{width:100%;display:inline-flex;gap:20px;overflow-x:auto;padding:10px 0;-ms-overflow-style:none;scrollbar-width:none}#page-home .events-section .events-list::-webkit-scrollbar,#page-home .events-section .skeleton-eventsList::-webkit-scrollbar{display:none}#page-home .events-section .event-card{border-radius:8px;overflow:hidden;width:530px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2);position:relative;cursor:pointer;transition:transform .2s ease-in-out}#page-home .events-section .event-card:hover{transform:scale(1.01)}#page-home .events-section .event-card .event-card-image{border-radius:10px;width:100%;height:298px;object-fit:cover;display:block}#page-home .events-section .event-card .event-card-info{position:absolute;bottom:0;left:0;right:0;top:0;padding:15px;display:flex;justify-content:space-between;align-items:flex-end;border-radius:6px;background:linear-gradient(180deg,rgba(0,0,0,0) 71.63%,#000)}#page-home .events-section .event-card .event-card-info .event-card-title{font-size:16px;color:#fff;overflow:hidden;margin-right:10px}#page-home .coming-soon-section{margin:100px 0}#page-home .coming-soon-section .coming-soon-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px}#page-home .coming-soon-section .coming-soon-list,#page-home .coming-soon-section .skeleton-comingList{display:flex;flex-wrap:wrap;gap:30px}#page-home .coming-soon-section .coming-soon-card{border-radius:10px;background:#13161b;overflow:hidden;width:calc(20% - 26px);aspect-ratio:216/180;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:1280px){#page-home .coming-soon-section .coming-soon-card{width:calc(25% - 25px)}}@media(max-width:992px){#page-home .coming-soon-section .coming-soon-card{width:calc(33.333% - 24px)}}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-image{width:80px;aspect-ratio:1/1;object-fit:cover;border-radius:6px;margin-top:15px}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-info{padding:10px 15px;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-info .coming-soon-card-title{font-size:14px;white-space:normal;overflow-wrap:break-word;line-height:1.3;color:#fff;font-weight:600}@media(max-width:1280px){#page-home .header-box{height:54px;padding:0 40px}#page-home .header-box img{width:60px;height:25px}#page-home .header-box .right{font-size:15px}#page-home .header-box .right .connect{padding:3px 10px}#page-home .header-box .right img{width:100%;height:100%}#page-home .title-box{font-size:36px}#page-home .title-box.game-news{margin-top:37px;margin-bottom:0}#page-home .title-box.my-assets{margin-top:80px;margin-bottom:28px}#page-home .carousel-container{max-width:643px}#page-home .news-carousel .news-slide img,#page-home .news-carousel .news-slide.active img{height:250px}#page-home .news-carousel .news-slide .news-content{height:58px;bottom:-58px;padding:0 20px}#page-home .news-carousel .news-slide .news-content .line{top:-14px;height:18px}#page-home .news-carousel .news-slide .news-content .news-description{font-size:12px}#page-home .news-carousel .mantine-Carousel-slide{height:361px}#page-home .news-carousel .news-carousel-control .arrow{width:40px;height:71px}#page-home .news-carousel .news-carousel-control .arrow.right{margin-right:-140px}#page-home .news-carousel .news-carousel-control .arrow.left{margin-left:-140px}#page-home .news-carousel .news-carousel-indicators{bottom:-28px}#page-home .news-carousel .news-carousel-indicator{width:14px;height:14px}}@media(max-width:768px){#page-home .home-box{min-height:400px}#page-home .home-box .banner-bg{width:100%;height:400px;object-fit:cover;position:absolute;top:0}#page-home .home-box .banner{width:240px;gap:8px}#page-home .home-box .banner .text{font-size:16px}#page-home .home-box .banner .play-now{font-size:16px;padding:6px 20px;border-radius:8px}#page-home .home-box .banner .media-box{gap:12px;margin-top:12px}#page-home .home-box .banner .media-box .media{width:32px;height:32px}#page-home .title-box{font-size:32px;font-weight:600}#page-home .title-box.game-news{margin-top:37px;margin-bottom:0}#page-home .title-box.my-assets{margin-top:80px;margin-bottom:28px}#page-home .main-container-with-dynamic-bg{padding:0;margin-top:60px}#page-home .carousel-container{max-width:100vw}#page-home .carousel-container .news-carousel .news-slide{border-radius:0}#page-home .carousel-container .news-carousel .news-slide img{width:100%;height:250px;object-fit:cover;border-radius:0}#page-home .carousel-container .news-carousel .news-slide .hero-slide-overlay{border-radius:0 0 0 0}#page-home .carousel-container .news-carousel .news-slide .news-content{max-width:85%;height:100px;bottom:20px;padding:4px 16px;gap:8px}#page-home .carousel-container .news-carousel .news-slide .news-content .news-title{font-size:16px}#page-home .carousel-container .news-carousel .news-slide .news-content .news-description{font-size:12px;font-weight:400}#page-home .carousel-container .news-carousel .news-slide .news-content .play{width:65px;height:26px;flex-shrink:0;font-size:12px;border-radius:4px}#page-home .carousel-container .news-carousel .news-slide.active img{border-radius:0;object-fit:cover}#page-home .carousel-container .news-carousel .news-slide.active .news-content{border-radius:0}#page-home .carousel-container .news-carousel .mantine-Carousel-slide{height:250px}#page-home .carousel-container .news-carousel .news-carousel-control .arrow{width:20px;height:31px}#page-home .carousel-container .news-carousel .news-carousel-control .arrow.right{margin-right:-105px}#page-home .carousel-container .news-carousel .news-carousel-control .arrow.left{margin-left:-105px}#page-home .carousel-container .news-carousel .news-carousel-indicators{bottom:-20px}#page-home .carousel-container .news-carousel .news-carousel-indicator{width:8px;height:8px}#page-home .carousel-container .trending-section{margin-top:50px;padding:0 20px}#page-home .carousel-container .trending-section .trending-header{margin-bottom:10px}#page-home .carousel-container .trending-section .trending-header .trending-title{font-size:14px;font-weight:600}#page-home .carousel-container .trending-section .trending-header .trending-controls{display:flex;gap:8px}#page-home .carousel-container .trending-section .trending-header .trending-controls img,#page-home .carousel-container .trending-section .trending-header .trending-controls svg{height:10px}#page-home .carousel-container .trending-section .trending-header .trending-controls .trending-control-button{color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center}#page-home .carousel-container .trending-section .skeleton-gameList,#page-home .carousel-container .trending-section .trending-games-list{display:flex;gap:12px;padding-bottom:10px}#page-home .carousel-container .trending-section .game-card{border-radius:6px;width:180px}#page-home .carousel-container .trending-section .game-card .game-card-image{height:225px}#page-home .carousel-container .trending-section .game-card .game-card-info{height:42px;padding:5px 7px}#page-home .carousel-container .trending-section .game-card .game-card-info .game-card-title{font-size:12px;margin-right:10px}#page-home .carousel-container .trending-section .game-card .game-card-info .game-card-play-button{padding:3px 6px;font-size:12px;font-weight:600;border-radius:4px}#page-home .events-section{margin-top:47px;padding:0 20px}#page-home .events-section .events-header{margin-bottom:10px}#page-home .events-section .events-header .events-title{font-size:14px;font-weight:600}#page-home .events-section .events-header .events-controls img,#page-home .events-section .events-header .events-controls svg{height:10px}#page-home .events-section .events-header .events-controls .events-control-button{color:#fff;padding:8px 12px;border-radius:4px}#page-home .events-section .events-list,#page-home .events-section .skeleton-eventsList{gap:12px;padding:0}#page-home .events-section .event-card{border-radius:6px;width:300px}#page-home .events-section .event-card .event-card-image{border-radius:6px;height:169px}#page-home .events-section .event-card .event-card-info{padding:7px;border-radius:6px;background:linear-gradient(180deg,rgba(0,0,0,0) 60.63%,#000)}#page-home .events-section .event-card .event-card-info .event-card-title{font-size:10px}#page-home .coming-soon-section{margin:40px 0 55px;padding:0 20px}#page-home .coming-soon-section .coming-soon-title{font-size:16px;font-weight:600;margin-bottom:10px}#page-home .coming-soon-section .coming-soon-list,#page-home .coming-soon-section .skeleton-comingList{gap:12px}#page-home .coming-soon-section .coming-soon-card{border-radius:6px;aspect-ratio:216/195;padding:12px 0 10px}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-image{width:40px;border-radius:6px;margin-top:12px}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-info{width:100%;padding:7px 5px;text-align:center;min-height:30px}#page-home .coming-soon-section .coming-soon-card .coming-soon-card-info .coming-soon-card-title{font-size:10px;font-weight:400}}