body{margin:0;padding:0}html,body,#root,.main-game-container,.main-game{position:relative;width:100%;height:100%;overflow:hidden}.fade-in{animation:fadeIn .5s ease-in forwards}.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#css,#webgl{width:100%;height:100%;position:absolute;top:0;left:0;display:block;opacity:1}#webgl{z-index:1;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.allura-bold{font-family:Allura,cursive;font-weight:700;font-style:normal}.loading-scene{position:relative;width:100%;height:100%;background-color:#000}.banner{width:100%;height:100%;text-align:center;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.banner .slider{position:absolute;width:25%;height:30%;top:15%;left:50%;transform-style:preserve-3d;transform:translate(-50%) perspective(3000px);animation:autoRun 1.5s ease infinite;z-index:2}@media screen and (max-width: 1024px){.banner .slider{width:20%;height:23%}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .slider{width:22%;height:25%}}@keyframes autoRun{0%{transform:translate(-50%) perspective(3000px) rotateX(-20deg) rotateY(0)}to{transform:translate(-50%) perspective(3000px) rotateX(-20deg) rotateY(360deg)}}.banner .slider .item{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(700px)}@media screen and (max-width: 1024px){.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(250px)}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(300px)}}@media screen and (min-width: 1441px) and (max-width: 2056px){.banner .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(400px)}}.banner .slider .item img{height:95%;object-fit:contain}@media screen and (max-width: 1024px){.banner .slider .item img{width:85%}}.banner .content{position:absolute;bottom:0;left:0;width:100%;height:max-content;padding-bottom:5%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:center;z-index:1}.banner .content h1{font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal;font-size:10em;color:#fff;position:relative}@media screen and (max-width: 1024px){.banner .content h1{font-size:4em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .content h1{font-size:6em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.banner .content h1{font-size:7em}}.banner .content h1:after{content:"MY DREAM GARAGE";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-text-stroke:2px white;color:#0006}.banner .content .author{text-align:right;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;margin:0;color:#fff;font-size:2.5em;z-index:1;text-shadow:2px 2px 4px black}@media screen and (max-width: 1024px){.banner .content .author{font-size:1.25em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .content .author{font-size:1.5em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.banner .content .author{font-size:1.5em}}.banner .content h2{margin:0;font-size:3em}@media screen and (max-width: 1024px){.banner .content h2{font-size:1.5em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .content h2{font-size:1.5em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.banner .content h2{font-size:2em}}.banner .content p{white-space:nowrap;text-align:right;font-size:1.75em;font-family:Teko,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;z-index:1;text-shadow:2px 2px 4px black}@media screen and (max-width: 1024px){.banner .content p{font-size:1.25em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .content p{font-size:1.5em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.banner .content p{font-size:1.4em}}.banner .content .model{background:url(../assets/images/loadingCar.webp);width:100%;height:80vh;position:absolute;bottom:0;left:0;background-size:auto 140%;background-repeat:no-repeat;background-position:top center;z-index:0}@media screen and (max-width: 1024px){.banner .content .model{height:70vh}}@media screen and (min-width: 1025px) and (max-width: 1440px){.banner .content .model{height:75vh}}.mobile-scene{position:relative;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobile-scene,.content,.content h1,.content h1:after,.content .author,.content h2,.content p,.content h3,.content .model,.mobile-credits-container,.mobile-contact-container,.mobile-list,.mobile-list-item{-webkit-user-select:none;user-select:none}.content{position:relative;width:100%;height:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:1}.content h1{font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal;font-size:8em;color:#fff;position:relative}@media screen and (max-width: 393px){.content h1{font-size:2.5em}}@media screen and (min-width: 394px) and (max-width: 480px){.content h1{font-size:2.5em}}@media screen and (min-width: 480px){.content h1{font-size:3em}}.content h1:after{content:"MY DREAM GARAGE";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;-webkit-text-stroke:2px white;color:#0006}.content .author{text-align:right;font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff;font-size:2.5em;transform:translateY(3em);z-index:1;text-shadow:2px 2px 4px black}@media screen and (max-width: 393px){.content .author{font-size:.75em}}@media screen and (min-width: 394px) and (max-width: 480px){.content .author{font-size:.7em}}@media screen and (min-width: 480px){.content .author{font-size:.8em}}.content p,.content h3{white-space:nowrap;font-size:1.75em;font-family:Teko,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;z-index:1;text-shadow:2px 2px 4px black}@media screen and (max-width: 393px){.content p,.content h3{font-size:1.25em}}@media screen and (min-width: 394px) and (max-width: 480px){.content p,.content h3{font-size:1.5em}}@media screen and (min-width: 480px){.content p,.content h3{font-size:1.4em}}.content .model{background:url(../assets/images/loadingCar.webp);width:100%;height:80vh;position:absolute;bottom:0;left:0;background-size:auto 100%;background-repeat:no-repeat;background-position:top center;z-index:0}@media screen and (max-width: 393px){.content .model{height:50vh}}@media screen and (min-width: 394px) and (max-width: 480px){.content .model{height:50vh}}@media screen and (min-width: 480px){.content .model{height:50vh}}.mobile-credits-container,.mobile-contact-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}@media screen and (max-width: 393px){.mobile-credits-container h3,.mobile-contact-container h3{font-size:1.5em}}@media screen and (min-width: 394px) and (max-width: 480px){.mobile-credits-container h3,.mobile-contact-container h3{font-size:1.75em}}@media screen and (min-width: 480px){.mobile-credits-container h3,.mobile-contact-container h3{font-size:2em}}.mobile-list{padding:0;display:flex;align-items:center;justify-content:center;list-style-type:none;column-gap:8em}@media screen and (max-width: 393px){.mobile-list{column-gap:1em}}@media screen and (min-width: 394px) and (max-width: 480px){.mobile-list{column-gap:1.1em}}@media screen and (min-width: 480px){.mobile-list{column-gap:1.2em}}.mobile-credits-container{overflow:hidden;width:100%}.mobile-list-item{opacity:1}.mobile-list-item img{width:9em;height:9em}@media screen and (max-width: 393px){.mobile-list-item img{width:2.5em;height:2.5em}}@media screen and (min-width: 394px) and (max-width: 480px){.mobile-list-item img{width:3em;height:3em}}@media screen and (min-width: 480px){.mobile-list-item img{width:3.5em;height:3.5em}}.mobile-button{opacity:1}.mobile-button img{width:9em;height:9em}@media screen and (max-width: 393px){.mobile-button img{width:2.5em;height:2.5em}}@media screen and (min-width: 394px) and (max-width: 480px){.mobile-button img{width:3em;height:3em}}@media screen and (min-width: 480px){.mobile-button img{width:3.5em;height:3.5em}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ending-scene{position:absolute;top:100%;left:0;width:100%;height:100%;background-color:#000c;color:#fff;text-align:center;z-index:1000;opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.author{font-family:Dancing Script,cursive;font-optical-sizing:auto;font-weight:700;font-style:normal;color:#fff;margin:.2em;font-size:5em}@media screen and (max-width: 1024px){.author{font-size:2.5em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.author{font-size:3em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.author{font-size:3.25em}}.title,.disclaimer,.section-title{margin:.5em;font-family:Teko,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media screen and (max-width: 1024px){.title,.disclaimer,.section-title{margin:.3em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.title,.disclaimer,.section-title{margin:.4em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.title,.disclaimer,.section-title{margin:.3em}}.title{margin:0;font-size:9em}@media screen and (max-width: 1024px){.title{font-size:4em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.title{font-size:6em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.title{font-size:6em}}.section-title{font-size:4em}@media screen and (max-width: 1024px){.section-title{font-size:2.25em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.section-title{font-size:3em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.section-title{font-size:2.75em}}.disclaimer{font-size:3em}@media screen and (max-width: 1024px){.disclaimer{font-size:1.5em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.disclaimer{font-size:2em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.disclaimer{font-size:2.25em}}.list-item{opacity:0}.list-item img{width:6em;height:6em;transition:all .2s ease}@media screen and (max-width: 1024px){.list-item img{width:4em;height:4em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.list-item img{width:5em;height:5em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.list-item img{width:5.5em;height:5.5em}}.list-item img:hover{transform:scale(1.2)}.credits-container,.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.list{padding:0;display:flex;align-items:center;justify-content:center;list-style-type:none;column-gap:8em}@media screen and (max-width: 1024px){.list{column-gap:3em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.list{column-gap:5em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.list{column-gap:7em}}.credits-container{overflow:hidden;width:100%}.instruction-container{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:1em 1.5em;z-index:10;background-color:#0006;gap:1em}@media screen and (max-width: 1024px){.instruction-container{padding:.5em .75em;gap:.3em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.instruction-container{padding:.5em 1em;gap:.5em}}.click-container,.escape-container,.scroll-container{display:flex;width:100%;align-items:center;justify-content:space-between}.click-image img,.escape-image img,.scroll-image img{margin-right:2em;width:4em;height:4em}@media screen and (max-width: 1024px){.click-image img,.escape-image img,.scroll-image img{margin-right:.5em;width:2em;height:2em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.click-image img,.escape-image img,.scroll-image img{margin-right:1em;width:3em;height:3em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.click-image img,.escape-image img,.scroll-image img{margin-right:1.5em;width:3.5em;height:3.5em}}.click-text,.escape-text,.scroll-text{color:#fff;font-size:2.5em;font-family:Teko,sans-serif;font-optical-sizing:auto;text-align:center}@media screen and (max-width: 1024px){.click-text,.escape-text,.scroll-text{font-size:1.5em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.click-text,.escape-text,.scroll-text{font-size:2em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.click-text,.escape-text,.scroll-text{font-size:2em}}.three-scene-wrapper{position:relative;width:100%;height:100%}.css-label{color:#fff;font-size:3em;font-family:Teko,sans-serif;font-optical-sizing:auto;background-color:#00000080;padding:.25em .5em;border-radius:.5em}@media screen and (max-width: 1024px){.css-label{font-size:1.5em}}@media screen and (min-width: 1025px) and (max-width: 1440px){.css-label{font-size:2em}}@media screen and (min-width: 1441px) and (max-width: 2056px){.css-label{font-size:2.5em}}.ending-content{opacity:0}