@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap";@import "https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap";:root{--bg-color-1:#000;--bg-color-2:#0060b9;--bg-color-3:#29297a;--bg-color-4:#0e004b;--bg-color-5:#440083;--bg-color-6:#000;--bg-speed:15s;--sans:"-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", sans-serif;font-family:var(--sans);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.6}*{box-sizing:border-box}html,body{cursor:none;width:100%;height:100%;margin:0;padding:0}body{color:#fff;background-color:#000;background:linear-gradient(132deg, var(--bg-color-1), var(--bg-color-2), var(--bg-color-3), var(--bg-color-4), var(--bg-color-5), var(--bg-color-6));animation:BackgroundGradient var(--bg-speed) ease infinite;background-size:400% 15%;min-height:100vh;overflow-x:hidden}@keyframes BackgroundGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{width:100%;min-height:100vh}h1{margin:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}html{scroll-behavior:smooth}.cursor-dot{pointer-events:none;z-index:100000;background-color:#fff;border-radius:50%;width:8px;height:8px;transition:transform .1s ease-out,width .3s,height .3s;position:fixed;top:-4px;left:-4px}.cursor-dot.hover{background-color:#fff;width:12px;height:12px}.cursor-ring{pointer-events:none;z-index:99999;border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,border-color .3s;position:fixed;top:-20px;left:-20px}.cursor-ring.hover{background:#ffffff0d;border-color:#fffc;width:60px;height:60px}header{z-index:99999;position:relative}header nav{z-index:9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0006;border:1px solid #ffffff14;border-radius:200px;justify-content:center;align-items:center;width:380px;height:50px;margin:0 auto;padding:0 16px;transition:all 1s cubic-bezier(.075,.82,.165,1) .2s;display:flex;position:fixed;top:16px;left:0;right:0}header nav a{color:#fff;letter-spacing:1.5px;text-transform:capitalize;padding:6px 14px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.075,.82,.165,1) .6s;display:block}header nav a:hover{opacity:.7}header nav button{-webkit-appearance:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;cursor:pointer;background:#0000004d;border:0;border-radius:100%;outline:0;width:42px;height:42px;margin:auto;transition:all .3s cubic-bezier(.075,.82,.165,1) .2s;position:absolute;inset:0;transform:scale(0)}header nav button span{background:#fff;width:40%;height:2px;margin:5px auto;transition:transform .6s cubic-bezier(.075,.82,.165,1),margin .3s ease-in;display:block;transform:scaleX(0)}header nav button:hover span{margin:10px auto}header.sticky nav{width:50px;height:50px;padding:0;transition-delay:0s;top:12px}header.sticky nav a{opacity:0;letter-spacing:0;pointer-events:none;padding:0;transform:scale(.3)}header.sticky nav button{transition-delay:.2s;transform:scale(1)}header.sticky nav button span{transition:transform .6s cubic-bezier(.075,.82,.165,1) .4s,margin .3s ease-in;transform:scaleX(1)}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px;display:flex;background:0 0!important}.hero-section:after{display:none}#hero-logo{z-index:10;width:100%;max-width:800px;height:auto;margin:0 auto 60px;display:block;position:relative}#hero-logo svg{filter:drop-shadow(0 0 30px #00000080);width:100%;height:auto}.hero-content{width:100%;max-width:1200px}.sections-wrapper{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:40px 60px;display:flex}.card-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#000000bf;border:1px solid #ffffff0f;border-radius:24px;justify-content:center;align-items:center;min-height:auto;padding:80px 60px;transition:background .3s;display:flex;position:relative}.card-section:hover{background:#000000d9}.card-section .content{z-index:2;width:100%;max-width:900px;position:relative}.card-section h1{letter-spacing:-2px;margin:0;font-size:clamp(36px,6vw,80px);font-weight:900;line-height:1}.card-section p{opacity:.7;margin-top:20px;font-size:18px;font-weight:300}.games-intro{margin-top:14px;margin-bottom:48px}.game-list{flex-direction:column;gap:72px;margin-top:26px;display:flex}.game-item{text-align:left;border-top:1px solid #ffffff1f;grid-template-columns:minmax(240px,360px) minmax(280px,1fr);align-items:start;gap:42px;padding-top:38px;display:grid}.game-title-row{align-items:center;gap:12px;display:flex}.game-logo-slot{background:radial-gradient(circle at 30% 30%,#fff3,#ffffff08);border:1px solid #ffffff42;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;box-shadow:0 8px 18px #00000047,inset 0 1px #ffffff29}.game-logo-slot img{object-fit:contain;border-radius:12px;width:100%;height:100%;padding:6px}.game-meta h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.1}.game-meta p{opacity:.82;margin-top:16px;font-size:16px;line-height:1.75}.game-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.game-link{letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;transition:border-color .25s,background-color .25s;display:inline-flex}.game-link:hover{background:#ffffff14;border-color:#ffffffe6}.game-media-stack{flex-direction:column;gap:42px;display:flex}.trailer-placeholder,.slider-wrap,.simple-maze-gallery{background:#ffffff08;border:1px solid #ffffff1a;border-radius:22px;padding:26px}.trailer-placeholder h3,.slider-wrap h3,.simple-maze-gallery h3{letter-spacing:1.6px;text-transform:uppercase;opacity:.85;margin:0 0 16px;font-size:14px}.trailer-placeholder iframe{aspect-ratio:16/9;background:#00000059;border:0;border-radius:14px;width:100%}.trailer-placeholder.trailer-full{padding:0;overflow:hidden}.trailer-placeholder.trailer-full iframe{border-radius:0;width:100%;height:100%;min-height:360px;display:block}.trailer-row-full{grid-column:1/-1;margin-top:6px}.game-carousel{color:#fff;text-align:center;background-color:#1e1e23;width:100%;max-width:600px;margin:0 auto;font-family:Raleway,sans-serif;position:relative}.game-carousel input{display:none}.game-carousel .carousel{border-radius:15px;width:100%;overflow:hidden;box-shadow:0 15px 35px #00000059}.game-carousel .carousel ul{justify-content:center;align-items:center;width:500%;height:100%;margin:0;padding:0;list-style:none;transition:left .8s cubic-bezier(.77,0,.175,1);display:flex;position:relative;left:0;overflow:hidden}.game-carousel.slides-5 .carousel ul{width:500%}.game-carousel.slides-4 .carousel ul{width:400%}.game-carousel .carousel li{width:100%}.game-carousel.slides-5 .carousel li{flex:1 0 20%}.game-carousel.slides-4 .carousel li{flex:1 0 25%}.game-carousel .carousel img{border-radius:15px;width:100%;display:block}.game-carousel .nav-dot{cursor:pointer;opacity:.5;background-color:#fff;border-radius:50%;width:15px;height:15px;margin-left:-7.5px;transition:all .4s;position:absolute;bottom:-22px}.game-carousel .nav-dot:hover{opacity:.8;transform:scale(1.2)}.game-carousel .nav-dot:active{transform:scale(.9)}.game-carousel .nav-dot[for$=-slide1]{left:40%}.game-carousel .nav-dot[for$=-slide2]{left:45%}.game-carousel .nav-dot[for$=-slide3]{left:50%}.game-carousel .nav-dot[for$=-slide4]{left:55%}.game-carousel .nav-dot[for$=-slide5]{left:60%}.game-carousel.slides-4 .nav-dot[for$=-slide1]{left:42.5%}.game-carousel.slides-4 .nav-dot[for$=-slide2]{left:47.5%}.game-carousel.slides-4 .nav-dot[for$=-slide3]{left:52.5%}.game-carousel.slides-4 .nav-dot[for$=-slide4]{left:57.5%}.game-carousel .left-arrow,.game-carousel .right-arrow{cursor:pointer;text-shadow:0 0 7.5px #000000b3;z-index:1;opacity:.7;height:50px;margin-top:-25px;font-size:50px;font-weight:bolder;line-height:50px;transition:all .2s;display:none;position:absolute;top:50%}.game-carousel .left-arrow{left:15px}.game-carousel .right-arrow{right:15px}.game-carousel .left-arrow:hover,.game-carousel .right-arrow:hover{opacity:1;transform:scale(1.2)}.game-carousel .left-arrow:active,.game-carousel .right-arrow:active{transform:scale(.9)}.game-carousel input[id$=-slide1]:checked~.carousel ul{left:0}.game-carousel input[id$=-slide2]:checked~.carousel ul{left:-100%}.game-carousel input[id$=-slide3]:checked~.carousel ul{left:-200%}.game-carousel input[id$=-slide4]:checked~.carousel ul{left:-300%}.game-carousel input[id$=-slide5]:checked~.carousel ul{left:-400%}.game-carousel input[id$=-slide1]:checked~.nav-dot[for$=-slide1],.game-carousel input[id$=-slide2]:checked~.nav-dot[for$=-slide2],.game-carousel input[id$=-slide3]:checked~.nav-dot[for$=-slide3],.game-carousel input[id$=-slide4]:checked~.nav-dot[for$=-slide4],.game-carousel input[id$=-slide5]:checked~.nav-dot[for$=-slide5]{opacity:1}.game-carousel.slides-5 input[id$=-slide1]:checked~.left-arrow[for$=-slide5],.game-carousel.slides-5 input[id$=-slide2]:checked~.left-arrow[for$=-slide1],.game-carousel.slides-5 input[id$=-slide3]:checked~.left-arrow[for$=-slide2],.game-carousel.slides-5 input[id$=-slide4]:checked~.left-arrow[for$=-slide3],.game-carousel.slides-5 input[id$=-slide5]:checked~.left-arrow[for$=-slide4],.game-carousel.slides-5 input[id$=-slide1]:checked~.right-arrow[for$=-slide2],.game-carousel.slides-5 input[id$=-slide2]:checked~.right-arrow[for$=-slide3],.game-carousel.slides-5 input[id$=-slide3]:checked~.right-arrow[for$=-slide4],.game-carousel.slides-5 input[id$=-slide4]:checked~.right-arrow[for$=-slide5],.game-carousel.slides-5 input[id$=-slide5]:checked~.right-arrow[for$=-slide1],.game-carousel.slides-4 input[id$=-slide1]:checked~.left-arrow[for$=-slide4],.game-carousel.slides-4 input[id$=-slide2]:checked~.left-arrow[for$=-slide1],.game-carousel.slides-4 input[id$=-slide3]:checked~.left-arrow[for$=-slide2],.game-carousel.slides-4 input[id$=-slide4]:checked~.left-arrow[for$=-slide3],.game-carousel.slides-4 input[id$=-slide1]:checked~.right-arrow[for$=-slide2],.game-carousel.slides-4 input[id$=-slide2]:checked~.right-arrow[for$=-slide3],.game-carousel.slides-4 input[id$=-slide3]:checked~.right-arrow[for$=-slide4],.game-carousel.slides-4 input[id$=-slide4]:checked~.right-arrow[for$=-slide1]{display:block}.about-keywords{opacity:.5;letter-spacing:2px;justify-content:center;gap:30px;margin-top:40px;font-size:14px;display:flex}.about-keywords .dot{opacity:.3}.email-link{color:#fff;border-bottom:2px solid #ffffff1a;margin-top:40px;font-size:clamp(20px,3vw,32px);font-weight:800;text-decoration:none;transition:border-color .3s,opacity .3s;display:inline-block}.email-link:hover{opacity:.8;border-color:#fff}.location{opacity:.5;letter-spacing:3px;margin-top:50px;font-size:14px}#page{z-index:1;position:relative}footer{z-index:2;text-align:center;opacity:.4;letter-spacing:2px;padding:60px 40px;font-size:13px;position:relative}.uiverse{--duration:7s;--easing:linear;--c-color-1:#1c2a77b3;--c-color-2:#001f3f;--c-color-3:#036;--c-color-4:#296772b3;--c-shadow:#00308f4d;--c-shadow-inset-top:#0053ac80;--c-shadow-inset-bottom:#000c;--c-radial-inner:#001f3f;--c-radial-outer:#000;--c-color:#fff;--bg-gradient:radial-gradient(circle, var(--c-radial-inner), var(--c-radial-outer) 80%);-webkit-tap-highlight-color:transparent;-webkit-appearance:none;cursor:pointer;text-align:center;letter-spacing:.02em;color:var(--c-color);background:var(--bg-gradient);box-shadow:0 0 14px var(--c-shadow);z-index:10;border:none;border-radius:24px;outline:none;margin:0 auto;padding:0;font-size:16px;font-weight:600;line-height:1.5;transition:transform .3s cubic-bezier(.4,0,.2,1),background .6s;display:table;position:relative}.uiverse.restarting{--c-radial-inner:#036;--c-radial-outer:#001f3f;--c-shadow:#00308f66;transform:scale(.95)}.uiverse:before{content:"";pointer-events:none;z-index:3;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top), inset 0 -3px 4px var(--c-shadow-inset-bottom);border-radius:24px;position:absolute;inset:0}.uiverse .wrapper{border-radius:24px;min-width:132px;padding:12px 24px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#000,#000)}.uiverse .wrapper span{z-index:1;display:inline-block;position:relative}.uiverse:hover{--duration:1.4s}.uiverse .wrapper .circle{width:40px;height:40px;filter:blur(var(--blur,8px));background:var(--background,transparent);transform:translate(var(--x,0), var(--y,0)) translateZ(0);animation:var(--animation,none) var(--duration) var(--easing) infinite;border-radius:50%;position:absolute;top:0;left:0}.uiverse .wrapper .circle.circle-1,.uiverse .wrapper .circle.circle-9,.uiverse .wrapper .circle.circle-10{--background:var(--c-color-4)}.uiverse .wrapper .circle.circle-3,.uiverse .wrapper .circle.circle-4{--background:var(--c-color-2);--blur:14px}.uiverse .wrapper .circle.circle-5,.uiverse .wrapper .circle.circle-6{--background:var(--c-color-3);--blur:16px}.uiverse .wrapper .circle.circle-2,.uiverse .wrapper .circle.circle-7,.uiverse .wrapper .circle.circle-8,.uiverse .wrapper .circle.circle-11,.uiverse .wrapper .circle.circle-12{--background:var(--c-color-1);--blur:12px}.uiverse.restarting .wrapper .circle{opacity:.2;--background:#000!important}.uiverse .wrapper .circle.circle-1{--x:0;--y:-40px;--animation:circle-1}.uiverse .wrapper .circle.circle-2{--x:92px;--y:8px;--animation:circle-2}.uiverse .wrapper .circle.circle-3{--x:-12px;--y:-12px;--animation:circle-3}.uiverse .wrapper .circle.circle-4{--x:80px;--y:-12px;--animation:circle-4}.uiverse .wrapper .circle.circle-5{--x:12px;--y:-4px;--animation:circle-5}.uiverse .wrapper .circle.circle-6{--x:56px;--y:16px;--animation:circle-6}.uiverse .wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7}.uiverse .wrapper .circle.circle-8{--x:28px;--y:-4px;--animation:circle-8}.uiverse .wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9}.uiverse .wrapper .circle.circle-10{--x:64px;--y:16px;--animation:circle-10}.uiverse .wrapper .circle.circle-11{--x:4px;--y:4px;--animation:circle-11}.uiverse .wrapper .circle.circle-12{--blur:14px;--x:52px;--y:4px;--animation:circle-12}@keyframes circle-1{33%{transform:translateY(16px)translateZ(0)}66%{transform:translate(12px,64px)translateZ(0)}}@keyframes circle-2{33%{transform:translate(80px,-10px)translateZ(0)}66%{transform:translate(72px,-48px)translateZ(0)}}@keyframes circle-3{33%{transform:translate(20px,12px)translateZ(0)}66%{transform:translate(12px,4px)translateZ(0)}}@keyframes circle-4{33%{transform:translate(76px,-12px)translateZ(0)}66%{transform:translate(112px,-8px)translateZ(0)}}@keyframes circle-5{33%{transform:translate(84px,28px)translateZ(0)}66%{transform:translate(40px,-32px)translateZ(0)}}@keyframes circle-6{33%{transform:translate(28px,-16px)translateZ(0)}66%{transform:translate(76px,-56px)translateZ(0)}}@keyframes circle-7{33%{transform:translate(8px,28px)translateZ(0)}66%{transform:translate(20px,-60px)translateZ(0)}}@keyframes circle-8{33%{transform:translate(32px,-4px)translateZ(0)}66%{transform:translate(56px,-20px)translateZ(0)}}@keyframes circle-9{33%{transform:translate(20px,-12px)translateZ(0)}66%{transform:translate(80px,-8px)translateZ(0)}}@keyframes circle-10{33%{transform:translate(68px,20px)translateZ(0)}66%{transform:translate(100px,28px)translateZ(0)}}@keyframes circle-11{33%{transform:translate(4px,4px)translateZ(0)}66%{transform:translate(68px,20px)translateZ(0)}}@keyframes circle-12{33%{transform:translate(56px)translateZ(0)}66%{transform:translate(60px,-32px)translateZ(0)}}@media (width<=768px){.sections-wrapper{gap:16px;padding:20px}.card-section{border-radius:16px;padding:50px 30px}header nav{width:320px}.hero-section{padding:60px 20px}.game-item{grid-template-columns:1fr;gap:26px}.slider-wrap,.trailer-placeholder,.simple-maze-gallery{padding:18px}.game-carousel .nav-dot[for$=-slide1]{left:30%}.game-carousel .nav-dot[for$=-slide2]{left:40%}.game-carousel .nav-dot[for$=-slide3]{left:50%}.game-carousel .nav-dot[for$=-slide4]{left:60%}.game-carousel .nav-dot[for$=-slide5]{left:70%}.game-carousel.slides-4 .nav-dot[for$=-slide1]{left:35%}.game-carousel.slides-4 .nav-dot[for$=-slide2]{left:45%}.game-carousel.slides-4 .nav-dot[for$=-slide3]{left:55%}.game-carousel.slides-4 .nav-dot[for$=-slide4]{left:65%}}
