@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Righteous-Regular.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Kanit-ExtraLight.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Kanit-Light.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Kanit-Regular.ttf) format("truetype")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Kanit-SemiBold.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0;border:0;font-family:Kanit,sans-serif;font-weight:200}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;background:#06071b}a{color:#fff;text-decoration:none}button{color:inherit;background:none;cursor:pointer}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh}h1{font-family:Righteous,sans-serif;font-size:100px;line-height:1.2em;margin-bottom:30px;font-weight:400}h2{font-size:30px;line-height:1.2em;margin-bottom:20px;font-weight:300}p{font-size:16px;color:#aaa}.site-header{position:relative;height:136px;display:flex;justify-content:space-between;padding:40px 80px;z-index:10;-webkit-user-select:none;user-select:none}.site-header.header-gradient{background:linear-gradient(180deg,#000,transparent)}.brand img{display:block}.site-header nav{width:400px;height:56px;flex:initial}.site-header ul{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.site-header li{list-style:none;position:relative}.site-header li a{font-family:Righteous,sans-serif;text-transform:uppercase;padding:10px 2px;font-size:18px;display:block;border-bottom:2px solid transparent}.site-header li a:hover,.site-header li.active a{border-bottom-color:#8ea0ef}.menu-toggle,.menu-toggle img{display:none}.home-page,.games-page,.community-page,.contact-page{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5}.home-page{padding:136px 80px 75px}.home-container{width:100%;height:100%;position:relative;text-align:right;display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none}.purple-button{margin-top:100px;font-size:24px;background:#8052ff;border-radius:20px;height:66px;display:inline-flex;align-items:center;padding:0 34px;cursor:pointer;color:#fff;pointer-events:auto}.purple-button:hover{background:#8d63ff}.home-clickable,.home-clickable:before,.home-clickable:after{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:10px}.home-clickable{display:none;cursor:pointer;z-index:8;transform:translate(-50%,-50%)}.home-clickable:before,.home-clickable:after{content:"";display:block;background:#fff}.home-clickable:before{z-index:1}.home-clickable:after{animation:clickable-hover 2s ease-in-out infinite}@keyframes clickable-hover{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.home-tip{position:absolute;width:400px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 1s;text-align:left;pointer-events:none}.home-tip.show{opacity:1}.tip-line{width:10px;height:10px;border-radius:10px;border:2px solid #fff;position:absolute;top:15px;right:100px}.tip-line:after{content:"";display:block;position:relative;width:12vw;height:2px;background:#fff;left:12px;top:4px}.home-tip h3{font-size:30px;color:#fff;line-height:42px;font-weight:400}.home-tip h4{font-size:20px;color:#aaa;line-height:28px;margin-top:20px;font-weight:300}.games-page{background:url(/img/nft-bg.png) 50% / cover;padding:136px 80px}.games-container{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.games-content{flex:1 1}.game-panel{display:none}.game-panel.show{display:flex;align-items:center;height:100%}.game-cover{width:52%;margin-right:10px;flex-shrink:0}.game-cover img{display:block;width:100%}.game-desc{padding-right:150px}.game-desc h1{font-size:3.125vw;line-height:4.375vw;margin-bottom:.2vw;font-weight:400}.game-desc h2{font-size:1.35vw;line-height:1.93vw;margin-bottom:2vw;font-weight:300}.game-desc p{font-size:.83vw;margin-bottom:5.2vw}.games-button{margin-top:0}.games-dock{position:absolute;width:88px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;right:0;gap:40px}.dock-arrow{width:80px;height:80px;cursor:pointer;flex-shrink:0;background:url(/img/next.svg) center / contain no-repeat}.dock-arrow:hover{background-image:url(/img/next-hover.svg)}.dock-arrow.prev{transform:rotate(-90deg);margin-bottom:-20px}.dock-arrow.next{transform:rotate(90deg)}.dock-game{width:170px;height:88px;position:relative;opacity:.5;cursor:pointer;transition:.25s}.dock-game:hover,.dock-game.active{opacity:1}.dock-game img{width:88px;height:88px;border-radius:88px;border:4px solid #fff;display:block;margin:0 auto}.dock-game span{display:block;width:100%;margin-top:8px;text-align:center;font-size:12px;line-height:17px}.dock-game:hover span,.dock-game.active span{font-weight:300}.video-popup{position:fixed;background:#00000080;width:100%;height:100%;top:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.video-frame{width:80vw;height:45vw;position:relative;background:#000}.video-frame video{width:100%;height:100%}.video-close{width:32px;height:32px;position:absolute;top:-32px;right:-32px;background:url(/img/close.svg) center / 32px 32px no-repeat}.video-close:hover{background-image:url(/img/close-w.svg)}.community-page{background:url(/img/community/bg.png) no-repeat 50%;background-size:cover;padding:136px 80px}.community-scene{height:100vh;width:177.78vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.monster{width:108.61vh;position:absolute;top:-10vh;left:-30.56vh}.buildings{width:100%;height:100%;position:absolute;bottom:0;left:0}.buildings img{display:block;width:240.8333vh;position:absolute;left:-55.2778vh;bottom:-11.52vh}.community-mail{display:flex;align-items:center;position:fixed;top:500px;right:150px}.mail-icon{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.5);border-radius:96px;margin-right:10px}.mail-icon img{width:70px;height:70px}.community-mail span{font-size:46px;font-weight:300}.pulse{display:none;width:100%;height:100%;position:absolute;left:-3px;top:-3px;border-radius:192px;border:3px solid rgba(255,255,255,.5)}.delay-one{animation-delay:.15s}.delay-two{animation-delay:.3s}.community-mail:hover .pulse{display:block;animation:icon-hover .5s ease-out forwards}@keyframes icon-hover{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.mail-info{position:absolute;width:416px;height:170px;background:#0009;color:#fff;border-radius:20px;left:-448px;display:none;flex-direction:column;justify-content:center;align-items:center}.mail-info h3{font-size:44px;line-height:55px;font-weight:400}.mail-info h4{font-size:36px;line-height:43px}.community-mail:hover .mail-info{display:flex}.contact-page{display:flex;justify-content:center;align-items:center;padding:136px 80px}.company-map{width:70vw;height:35vw;margin-top:5%}.company-map-mobile{display:none}.not-found{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;color:#000;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found h1{display:inline-block;margin:0 20px 0 0;padding-right:23px;font-family:inherit;font-size:24px;font-weight:500;line-height:49px;vertical-align:top;border-right:1px solid rgba(0,0,0,.3)}.not-found h2{display:inline-block;text-align:left;font-size:14px;font-weight:400;line-height:49px;margin:0;color:#000}@media(max-width:1080px){.site-header{padding:20px 40px;height:96px}}@media(max-width:960px){.site-header{height:60px;padding:15px}.brand img{display:block;height:28px}.menu-toggle{display:block}.menu-toggle .menu-open{display:block;width:30px;height:30px}.menu-toggle .menu-close{display:none}.site-header nav{display:none;width:100%;height:auto;position:absolute;top:60px;left:0;margin:0}.site-header ul{flex-direction:column;width:100%;height:auto;align-items:flex-start}.site-header li{font-size:15px;line-height:21px;width:100%}.site-header li a,.site-header li a:hover,.site-header li.active a{border:0;font-weight:300;margin:0 15px;padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.25);display:block}.site-header li a:hover,.site-header li.active a{color:#8052ff}.site-header.open{background:#000c}.site-header.open nav{display:block;height:100vh;background:#000c}.site-header.open .menu-open{display:none}.site-header.open .menu-close{display:block;width:30px;height:30px}h1{font-size:35px;line-height:49px;margin-bottom:10px}h2{font-size:17px;line-height:24px;margin-bottom:5px}p{font-size:12px;line-height:13px}.home-page{padding:10px}.home-container{justify-content:flex-end}.purple-button{margin:15px 0 30px;font-size:12px;height:33px;border-radius:10px;padding:0 17px}.home-tip{width:60%;top:25%}.tip-line{inset:auto auto -60px 0}.tip-line:after{width:40vw}.home-tip h3{font-size:17px;line-height:24px}.home-tip h4{font-size:12px;line-height:13px;margin-top:7px}.games-page{padding:0 15px 75px}.games-dock{flex-direction:row;width:100vw;left:-15px;padding:0 30px;height:48px;right:auto;bottom:0;gap:20px}.dock-arrow{width:40px;height:40px;background-size:40px 40px}.dock-arrow.prev{transform:rotate(180deg);margin:0}.dock-arrow.next{transform:none}.dock-game{width:92px;height:48px}.dock-game img{width:48px;height:48px;border-radius:48px;border-width:2px}.dock-game span{font-size:10px;line-height:1.2em}.game-panel.show{flex-direction:column;justify-content:center}.game-cover{width:100%;margin:0 0 10px}.game-desc{padding-right:0}.game-desc h1{font-size:25px;line-height:30px;margin-bottom:5px}.game-desc h2{font-size:15px;line-height:18px;margin-bottom:15px}.game-desc p{font-size:12px;line-height:13px;margin-bottom:25px}.video-frame{width:100vw;height:56.25vw}.video-close{top:auto;bottom:-48px;right:50%;transform:translate(50%)}.community-scene{width:100vw;height:100vh}.buildings img{width:250%;height:auto;bottom:0;left:-75%}.monster{width:120%;height:auto;top:auto;bottom:40vw;left:-40vw}.mail-icon{width:45px;height:45px;margin-right:5px}.mail-icon img{width:35px;height:35px}.community-mail span{font-size:23px}.community-mail{top:490px;right:auto;left:78px}.mail-info{position:fixed;top:35%;left:50%;transform:translate(-50%) scale(.75)}.company-map{display:none}.company-map-mobile{max-width:90vw;max-height:45.48vh;display:block}}@media(prefers-color-scheme:dark){.not-found{color:#fff;background:#000}.not-found h1{border-right-color:#ffffff4d}.not-found h2{color:#fff}}