:root{--side-margin:70px;--single-grid:calc(20vw - var(--side-margin)/5 - var(--side-margin)/5);--topbottom-padding:15px;--gap-horizontal:10px}::selection{background:#fff;color:#000}.is-showcase::selection{color:#000;background:#ff5c00}.break-mob{display:none}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:70px;padding:var(--side-margin);display:flex;pointer-events:none;opacity:.1;display:none}.grid:first-child{border-left:1px solid red}.grid{border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red;width:20%}body{font-size:20px;font-weight:400;line-height:1.2;background:#fff}body.open-menu{overflow:hidden}.mono{font-family:"IPM"}.small-text{text-transform:uppercase;padding-left:20px}.italic{font-style:italic}.nav{position:fixed;top:88px;top:calc(var(--side-margin) + 18px);right:88px;right:calc(var(--side-margin) + 18px);display:flex;z-index:10;opacity:0}.show-mobile{display:none!important}.menu-item{display:flex;margin-left:58px;align-items:center;font-size:12px}.menu-light{margin-left:0}.menu-light,.menu-sound{cursor:pointer}.menu-sound .mask{width:50px;overflow:hidden}.menu-sound .wave-container{display:flex;-webkit-animation:wave 2s linear infinite;animation:wave 2s linear infinite}.menu-sound .wave-container .wavesvg{position:relative;top:0;min-width:100px;transition:transform .6s ease-in-out}.menu-sound .sound-toggle{margin-left:28px;transition:transform .2s ease-in-out}.menu-sound.sound-off .sound-toggle{-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}.menu-sound.sound-off .wave-container .wavesvg{-webkit-transform:translateY(-1px) scaleX(50) scaleY(1);transform:translateY(-1px) scaleX(50) scaleY(1)}.light-toggle{margin-left:26px;-webkit-transform:translateY(-.5px);transform:translateY(-.5px)}.lt-circle{width:10px;height:10px;border:2px solid #000;background-color:#fff;position:absolute;border-radius:50%;transition:transform .4s ease-in-out}.lt-bar{width:48px;height:2px;background-color:#000;margin:4px 0}.single-marker{position:fixed;z-index:20}.single-marker.top-left{left:35px;top:35px}.single-marker.top-right{right:35px;top:35px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.single-marker.bottom-left{left:35px;bottom:35px;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.single-marker.bottom-right{right:35px;bottom:35px;-webkit-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1)}.wrap-index>.inner-wrap{padding:0 70px;padding:0 var(--side-margin)}.single-marker.center-left{top:50%;left:35px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.single-marker.center-right{top:50%;right:35px;-webkit-transform:scaleX(-1) translateY(-50%);transform:scaleX(-1) translateY(-50%)}section{min-height:100vh}.section>.inner{width:100%}.section-1{display:flex;height:100vh;padding:70px 0;padding:var(--side-margin) 0}.section-1>.inner{position:relative;width:100%;height:100%}.section-1 .titles{position:absolute;z-index:2}.with-wipe{position:relative}.with-wipe .actual-text{opacity:0;height:100%}.section-1 .actual-text{mix-blend-mode:difference}@-webkit-keyframes glitch-anim-text{0%{-webkit-transform:translate3d(-10px,0,0) scale3d(-1,-1,1);transform:translate3d(-10px,0,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{-webkit-transform:translate3d(-10px,0,0) scale3d(-1,-1,1);transform:translate3d(-10px,0,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1)}10%,to{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes glitch-anim-text{0%{-webkit-transform:translate3d(-10px,0,0) scale3d(-1,-1,1);transform:translate3d(-10px,0,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{-webkit-transform:translate3d(-10px,0,0) scale3d(-1,-1,1);transform:translate3d(-10px,0,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1);transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1)}10%,to{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.wipe-span{position:absolute;top:0;left:0;width:100%;padding-bottom:.05em;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;background-color:#000}.section-1 .title-2 .wipe-span{height:10.4166667vw;max-width:calc(100% - 20px)}.section-2 .single-line-4 .wipe-span{-webkit-transform:scaleX(0) scaleY(1.07);transform:scaleX(0) scaleY(1.07)}.wipe-span .text{opacity:0}.section-1 .title-span{font-size:14.58vw;height:.75em;letter-spacing:-.02em;line-height:.7em;display:flex;overflow:hidden}.title-1{top:0;left:0;margin-top:12px}.title-1 .small-text{margin-top:70px;padding-left:18px}.title-2{right:0;bottom:0;display:flex;align-items:center;padding-bottom:12px}.title-2.can-click{pointer-events:auto!important}.title-2 .title-span{align-self:baseline;margin-right:20px;cursor:pointer}.title-2 .title-span span{-webkit-transform:translateY(-.018em);transform:translateY(-.018em);margin-right:40px}.wipe-arrow{background-color:#fff;width:10.4166667vw;height:10.4166667vw;-webkit-transform:translateY(-1px);transform:translateY(-1px);opacity:0;overflow:hidden}.wipe-arrow .wiper{position:absolute;width:100%;height:100%;right:0;top:0;background-color:#000;margin-right:0;-webkit-transform-origin:right;transform-origin:right;z-index:-1}.enter-arrow{width:10.4166667vw;height:10.4166667vw;-webkit-transform:translateX(-101%);transform:translateX(-101%)}.copyright-wrap{position:absolute;left:20px;bottom:12px;display:flex;text-transform:uppercase;align-items:center}.copyright-wrap .copyright-svg{width:10.4166667vw}.copyright-text-wrap{display:flex;flex-direction:column;margin-left:37px}.language-toggle{margin-top:30px}.single-lang{font-size:12px;margin-right:7px;cursor:pointer}.single-lang.active{opacity:.5;pointer-events:none;text-decoration:underline}.section-1 .small-text-center{position:absolute;top:50%;left:calc(40vw - 56px);left:calc(var(--single-grid)*2);padding-left:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.devices-wrap{display:flex;cursor:pointer}.devices-wrap svg{width:6.6vw}.section-1 .devices-wrap{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.single-device{margin-left:-1vw}.box-hover-text{position:fixed;top:0;left:0;z-index:2;opacity:0;pointer-events:none;-webkit-transform:translateX(100%) translateY(50%);transform:translateX(100%) translateY(50%)}.box-hover-text>.inner{transition:transform .6s ease-in-out}.box-hover-text#active-keyboard>.inner,.box-hover-text#active-mobile>.inner{-webkit-transform:translateX(-90%);transform:translateX(-90%)}.box-hover-text .text-wrap{color:#fff;padding:17px 20px}.box-hover-text .textbg{background-color:#000;z-index:-1}.box-hover-text .offsetbg,.box-hover-text .textbg{position:absolute;top:0;left:0;width:100%;height:100%}.box-hover-text .offsetbg{background:#0084ff;-webkit-transform:translate(15px,15px);transform:translate(15px,15px);z-index:-2;transition:background-color .2s ease-in-out,transform .2s ease-in-out}#active-contact .offsetbg,#active-mobile .offsetbg,#active-mouse .offsetbg{background-color:#ff5c01}#active-keyboard .offsetbg,#active-vr .offsetbg{background-color:#ffe500}.big-text-wrap{padding:0 20px}.single-line{display:flex;width:100%;margin-bottom:3vw}.single-line.mono{font-size:8.35vw}.single-line.spacebetween{justify-content:space-between}.line-item{display:flex;height:.75em;letter-spacing:-.02em;line-height:.7em;text-transform:uppercase;font-weight:500}.line-item.align-right{text-align:right;margin-left:auto}.line-item.with-bracket{width:calc(40vw - 76px);width:calc(var(--single-grid)*2 - 20px);display:flex;justify-content:space-between;position:relative}.section-2 .with-bracket{width:calc(60vw - 104px);width:calc(var(--single-grid)*3 - 20px)}.line-item.with-bracket .text{align-self:flex-start;margin-right:auto}.line-item .text.align-right{margin-left:auto;margin-right:0}.section-floor .small-text{width:calc(40vw - 56px);width:calc(var(--single-grid)*2);margin-top:240px;padding-bottom:VAR(--side-margin)}.line-item.with-bracket .v-small-text{position:absolute;top:0;right:5vw;font-size:12px;text-transform:uppercase;font-family:"H";letter-spacing:-.02em;line-height:1.2;letter-spacing:0}.line-item.with-bracket.align-right .v-small-text{right:auto;left:5vw;text-align:left}.sticky-menu{position:-webkit-sticky;position:sticky;top:80px;top:calc(var(--side-margin) + 10px);left:0;display:flex;margin-top:140px;margin-top:calc(var(--side-margin)*2)}.sticky-menu .inner{display:flex}.single-sticker{width:calc(20vw - 28px);width:var(--single-grid);padding-left:20px;position:relative}.single-sticker span{font-size:12px;padding-left:20px;padding-top:8px}.floor-label{position:absolute;left:0;opacity:0}.floor-label:first-child{opacity:1}.section-2{position:relative;display:flex;margin-top:40vh;padding-top:15vh}.section-2 .small-text,.section-4 .small-text{margin-left:auto}.section-3{display:flex;margin-top:40vh;padding-top:45vh}.section-3 .small-text{width:calc(40vw - 56px);width:calc(var(--single-grid)*2);margin-top:240px;margin-left:calc(20vw - 28px);margin-left:var(--single-grid)}.section-4{display:flex;margin-top:90vh}.section-4 .line-item.with-bracket{width:calc(30vw - 42px);width:calc(var(--single-grid)*1.5);display:flex;justify-content:space-between;position:relative}.section-footer{margin-top:90vh;height:100vh;padding:70px 0;padding:var(--side-margin) 0}.section-footer>.inner{position:relative;width:100%;height:100%}.footer{position:absolute;bottom:0;display:flex;padding-bottom:10px}.contact-title svg{position:absolute;top:49%;left:50%;width:100%;height:auto;padding:0 20px;cursor:pointer;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes glitch-anim-contact{0%{-webkit-transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{-webkit-transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1)}10%,to{-webkit-transform:translate3d(-50%,-50%,0) scaleX(1);transform:translate3d(-50%,-50%,0) scaleX(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes glitch-anim-contact{0%{-webkit-transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);-webkit-clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}2%{-webkit-clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%);clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{-webkit-clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%);clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%);clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{-webkit-clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{-webkit-clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%);clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{-webkit-transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% - 10px),-50%,0) scale3d(-1,-1,1);-webkit-transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1);transform:translate3d(calc(-50% + var(--gap-horizontal)*-1),-50%,0) scale3d(-1,-1,1)}10%,to{-webkit-transform:translate3d(-50%,-50%,0) scaleX(1);transform:translate3d(-50%,-50%,0) scaleX(1);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.footer-item{width:calc(20vw - 28px);width:calc(var(--single-grid));padding-left:20px;font-size:12px;text-transform:uppercase;pointer-events:none}.footer-item,.footer-item a{display:flex;align-items:center}.footer-item:not(:first-child){cursor:pointer;pointer-events:auto}.footer-item span{line-height:1;-webkit-transform:translateY(-2px);transform:translateY(-2px);margin-right:6px}.footer-item-1{width:calc(40vw - 56px);width:calc(var(--single-grid)*2)}.footer-item-1 .copyright-svg{width:14px;height:14px;margin-right:10px}#glitchvideo{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;mix-blend-mode:none;opacity:0}.wrap-index.is-safari #glitchvideo.glitch-hue{mix-blend-mode:multiply!important;opacity:1}#glitchvideo.glitch-hue{mix-blend-mode:hue;opacity:1}#glitchvideo.glitch-difference{mix-blend-mode:difference;opacity:.3}.statdiv>div{opacity:.05!important}.indexcanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.rectangle{width:300px;height:300px;position:fixed;top:30%;left:20%;background-color:#ff5c00}.pixelcanvas{z-index:13;pointer-events:none}.menu-overlay,.pixelcanvas{position:fixed;top:0;left:0}.menu-overlay{width:100%;height:100%;background-color:rgba(0,0,0,.6);color:#fff;padding:70px;padding:var(--side-margin);display:none;opacity:0;z-index:11;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-overlay>.inner{position:relative;height:100%}.menu-overlay ul{padding-top:10vh}.menu-li{font-size:35px;font-family:"IPM";opacity:0}.menu-li:first-child,.menu-li:nth-child(2){margin-bottom:20px}.menu-li-enter{position:absolute;bottom:0}.enter-flex{display:flex;align-items:center;cursor:pointer}.enter-mobile-menu{margin-left:10px}.menu-copyright{display:block;font-family:"H";font-weight:400;font-size:12px;line-height:14px;text-transform:uppercase;margin-top:30px}@media only screen and (max-width:1550px){.single-line.mono{font-size:8vw}}@media only screen and (max-width:1440px){.single-sticker{width:calc(16vw - 22.4px);width:calc(var(--single-grid)*0.8)}.title-1 .small-text{padding-left:5px}}@media only screen and (max-width:1280px){:root{--side-margin:55px;--single-grid:calc(20vw - var(--side-margin)/5 - var(--side-margin)/5);--mob-margin:30px}.break-mob{display:block}.single-marker.top-left{left:20px;top:20px}.single-marker.top-right{right:20px;top:20px}.single-marker.bottom-left{left:20px;bottom:20px}.single-marker.bottom-right{right:20px;bottom:20px}.single-marker.center-left{left:20px}.single-marker.center-right{right:20px}.section-1 .title-span{font-size:10vw}.enter-arrow,.wipe-arrow{width:7.516667vw;height:7.516667vw}.section-1 .title-2 .wipe-span{height:7.516667vw}.title-2 .title-span span{margin-right:25px}}@media only screen and (max-width:1024px){:root{--page-height:100vh}.single-marker.top-left{left:15px;top:15px}.single-marker.top-right{right:15px;top:15px}.single-marker.bottom-left{left:15px;bottom:15px}.single-marker.bottom-right{right:15px;bottom:15px}.single-marker.center-left{left:15px}.single-marker.center-right{right:15px}.show-desktop{display:none}.show-mobile{display:block!important}.show-mobile.section-1{display:flex!important}.small-text{font-size:15px;line-height:1.3;padding:0;margin-left:0!important;width:100%!important}.small-text-after-bigwrap{margin-top:70px!important}.big-text-wrap{padding:0}.big-text-wrap .single-line{font-size:11.1vw;margin-bottom:4vw}.line-item.with-bracket .v-small-text{font-size:14px;top:52%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:30px;line-height:1.2;font-weight:400;text-align:right}.with-bracket{width:100%!important}.single-line.justify{justify-content:space-between}.section-1{height:auto;padding-top:0}.section-1 .part1{height:var(--page-height);position:relative;margin-top:0;padding:70px 0;padding:var(--side-margin) 0}.part1>.inner{width:100%;height:calc(100% - 140px);height:calc(100% - var(--side-margin) - var(--side-margin));padding-top:50px}.part1>.inner,.section-1 .part1 .small-text{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.section-1 .part1 .small-text{padding:0;margin:0;width:-webkit-max-content;width:max-content}.intro-title-1-wrap .title-1{position:relative;max-width:-webkit-max-content;max-width:max-content}.intro-title-1-wrap .title-1:last-child{margin-left:100px}.section-1 .title-span{font-size:19vw;margin:0}.section-1 .title-2 .title-span span{margin-right:10px}.enter-arrow,.wipe-arrow{width:14.016667vw;height:14.016667vw}.wipe-arrow{-webkit-transform:translateY(-.5px);transform:translateY(-.5px)}.section-1 .title-2 .wipe-span{height:14.016667vw;max-width:100%}.section-2{margin-top:0;padding-top:0}.part2{min-height:100vh;position:relative;margin-top:10vh}.part2 .devices-wrap{position:relative;top:auto;right:auto;justify-content:space-between;-webkit-transform:none;transform:none;width:100%}.part2 .single-device{width:25%;margin:0}.part2 .devices-wrap svg{width:100%;margin-bottom:5vw}.part2 .copyright-text-wrap{margin-left:0;margin-top:50px}.nav-mobile{display:flex!important;justify-content:space-between;align-items:center;width:100%;top:50px;left:0;padding:0 70px;padding:0 var(--side-margin);right:auto;transition:color .3s ease-in-out;z-index:12}.menu-trigger-item{font-size:16px}.label-close{position:absolute;top:0;opacity:0}.open-menu .nav-mobile{color:#fff}.menu-item{margin-left:0}.menu-trigger{width:40px;height:10px}.menu-trigger>.inner{position:relative;width:100%;height:100%}.close-menu-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.menu-line{width:40px;height:2px;position:absolute;background-color:#000}.darkmode .menu-line{background-color:#fff!important}.line-top{top:0}.line-bottom{bottom:0}.section-footer{margin-top:10vh}.contact-title svg{padding:60px}.footer{flex-direction:column;width:100%;align-items:center}.footer-item{padding-left:0;width:auto!important;text-align:center;margin-bottom:15px}.footer-item-1{order:4;margin-top:15px}.footer-item span{font-size:16px;font-weight:500}.footer-item-1 span{font-weight:400;line-height:14px;font-size:12px}}@media only screen and (max-width:768px){.contact-title svg{padding:0}}@media only screen and (max-width:570px){.part2 .devices-wrap{width:120%;left:-10%}.br-no-mob{display:none}.wrap-index.is-safari .indexcanvas,.wrap-index.is-safari .pixelcanvas{height:100vh!important;object-fit:cover}.wrap-index.is-safari .single-marker.center-left,.wrap-index.is-safari .single-marker.center-right{top:45vh}}.is-showcase{position:relative;font-family:"H";font-size:20px;font-weight:400;-ms-scroll-chaining:none;overscroll-behavior:none;line-height:1.2;background:#fff;color:#000;overflow:auto}.is-showcase a svg{pointer-events:auto}.is-showcase *{box-sizing:border-box}.is-showcase #loading,.is-showcase #modalBackground{visibility:hidden;opacity:0}.is-showcase.darkmode .menu-line{background-color:#fff!important}.is-showcase.darkmode{color:#fff;background-color:#000}.is-showcase.darkmode .lt-bar{background-color:#fff}.is-showcase.darkmode .lt-circle{border-color:#fff;background-color:#fff;-webkit-transform:translateX(48px);transform:translateX(48px)}.is-showcase.darkmode .contact-title path,.is-showcase.darkmode .copyright-svg path,.is-showcase.darkmode .devices-wrap g path,.is-showcase.darkmode .enter-arrow path,.is-showcase.darkmode .footer-arrow path,.is-showcase.darkmode .wavesvg path{fill:#fff}.is-showcase.darkmode #frameElement circle,.is-showcase.darkmode #frameElement path{stroke:#fff!important}.is-showcase.darkmode .svgbg{fill:#000!important}.is-showcase.darkmode a{color:#fff}.is-showcase.darkmode .wipe-span,.is-showcase.darkmode .wiper{background-color:#fff}.is-showcase a{color:#000}:root{--num10:9px;--num20:16px;--num30:27px;--num40:36px;--num50:45px;--num60:54px;--num70:56px;--num80:4vw;--num90:72px;--num300:240px}@font-face{font-family:"H";font-style:normal;font-weight:400;src:url(/static/media/HelveticaNeue.c62bc5ab.woff2) format("woff2")}@font-face{font-family:"IPM";font-style:normal;font-weight:400;src:url(/static/media/IBMPlexMono-Regular.235eee7a.woff2) format("woff2")}@font-face{font-family:"IPM";font-style:normal;font-weight:500;src:url(/static/media/IBMPlexMono-Text.6c3df8ca.woff2) format("woff2")}@font-face{font-family:"IPM";font-style:italic;font-weight:500;src:url(/static/media/IBMPlexMono-TextItalic.d0f0c33b.woff2) format("woff2")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{min-width:280px;line-height:1;touch-action:pan-y!important}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{outline:none;border:none;background-color:transparent}a{text-decoration:none}a span,a svg,button span,button svg{pointer-events:none}img{-webkit-user-select:none0;-ms-user-select:none0;user-select:none0;right:0;margin:auto}video{position:fixed;top:0;left:0;width:1px;z-index:1}body,html{font-size:10px}body{position:fixed;top:0;right:0;width:100%;height:100%;background:#000;color:#fff;-ms-scroll-chaining:none;overscroll-behavior:none;font-family:"H";font-size:10px;-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;overflow:hidden;word-break:keep-all;word-wrap:break-word;touch-action:manipulation;text-transform:uppercase}.p5Canvas,body{left:0;bottom:0}.background,.p5Canvas{position:absolute}.background{top:0;left:0;width:100%;height:100%}main{display:none!important}#rootP5Canvas:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border:4px solid #000;box-sizing:border-box;border-radius:50%;z-index:2}#rootP5Canvas{position:fixed;left:72px;left:var(--num90);bottom:72px;bottom:var(--num90);width:240px;height:240px;border-radius:50%;overflow:hidden;z-index:4;-webkit-filter:drop-shadow(0 0 100px #000);filter:drop-shadow(0 0 100px #000000)}.row-container{display:flex;flex-direction:row;align-items:center}.column-container{display:flex;flex-direction:column}.modal-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0;pointer-events:none}.modal-content{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;width:-webkit-max-content;width:max-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-content.modal-single{top:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;padding:35px}.guide-title{text-align:center;line-height:1.2}.guide-title p{padding-bottom:10px;font-family:"IPM";font-size:6rem;letter-spacing:-.02em}.guide-title span{padding:0;font-family:"H";font-size:1.6rem;line-height:1.4}.guide-controllmode{display:grid;align-items:stretch;justify-content:space-between}.guide-controllmode button{position:relative;display:flex;flex-direction:column;width:auto;padding:30px;margin:0 10px;height:auto;border:2px solid #fff;border-radius:10px;pointer-events:inherit;box-sizing:border-box;cursor:pointer;overflow:hidden;white-space:nowrap}.guide-controllmode button span{margin:0 auto;font-family:"H";font-size:1.2rem;color:hsla(0,0%,100%,.4);text-transform:uppercase;pointer-events:none}.guide-controllmode button span.button-title{padding:0 0 10px;color:#fff;font-family:"IPM";font-size:3rem;line-height:1.3;letter-spacing:-.02em}#modalRetry{width:calc(25vw + 100px);height:100%;min-width:440px;padding:0}#modalRetry .modal-content{top:auto;left:0;bottom:0;width:100%;-webkit-transform:none;transform:none}#modalRetry .modal-content>.column-container{width:100%}#modalRetry .modal-content .button-wrap button{width:calc(100% - 5px);margin:0 5px 0 0}#modalRetry .modal-content .button-wrap button:nth-of-type(2){margin:0 0 0 5px}#modalRetry .modal-content .button-wrap button .title{font-size:2rem!important}.guide-controllmode .button-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.15);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.guide-controllmode button span{display:block}.guide-button{align-self:stretch;padding:30px;background-color:#fff;border-radius:10px;color:#000;text-transform:uppercase;cursor:pointer;pointer-events:inherit}.guide-button .title{margin:0 auto 10px;font-family:"IPM";font-size:3rem;letter-spacing:-.02em;line-height:normal}.guide-button .description{margin:0 auto;color:rgba(0,0,0,.4);font-family:"H";font-size:1.2rem;line-height:1.3}.is-bridge.is-modal-active .util-info{opacity:1!important;visibility:visible!important;z-index:80!important}.is-bridge.is-modal-active .util-info .info-life,.is-bridge.is-modal-active .util-info .info-playtime{display:none}.is-bridge.is-modal-active .util-info .button-menu{margin-left:auto}.is-bridge .util-menu .util.util-bottom{width:100%;justify-content:space-between}.is-bridge .guide-button{align-self:stretch;width:100%;height:auto!important;margin-top:0;padding:30px;background-color:#fff;box-sizing:border-box;border-radius:10px;color:#000;text-transform:uppercase;cursor:pointer;pointer-events:inherit}.is-bridge .guide-button .title{width:100%;margin:0 auto 10px;box-sizing:border-box;font-family:"IPM";font-size:3rem;letter-spacing:-.02em;line-height:normal}.is-bridge .guide-button .description{margin:0 auto;color:rgba(0,0,0,.4);font-family:"H";font-size:1.2rem;line-height:1.3}.is-bridge .guide-button span{pointer-events:none}.is-bridge #modalControllGuide .copyright,.is-bridge #modalControllGuide .row-mb{display:none}.is-bridge #modalControllGuide .row-container{align-items:stretch;padding:4vw 0;padding:var(--num80) 0 var(--num80)}.is-bridge #modalControllGuide .row-container>.column-container{height:100%}.is-bridge #modalControllGuide .column-main{display:flex;flex-direction:column;align-items:stretch;opacity:0;visibility:hidden}.is-bridge #modalControllGuide .column-main>.column-inner{display:flex;height:100%;align-items:center;justify-content:center}.is-bridge #modalControllGuide .column-main>.column-inner>div{display:flex;flex-direction:column;height:100%}.is-bridge #modalControllGuide .icon.icon-mouse{background-image:url(/static/media/icon-mouse.39d977eb.svg)}.is-bridge #modalControllGuide .icon.icon-spacebar{background-image:url(/static/media/icon-spacebar.4c2b0969.svg)}.is-bridge #modalControllGuide .column-container{align-items:center;font-size:1.2rem;letter-spacing:-.02em;line-height:1.3;text-align:center}.is-bridge #modalControllGuide .column-container.button-container{width:100%;box-sizing:border-box}.is-bridge #modalControllGuide .row-container{height:100%;align-items:center}.is-bridge #modalControllGuide .row-inner{display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;justify-content:center;align-items:stretch}.is-bridge #modalControllGuide .row-inner .column-container{position:relative;padding:0 16px;padding:0 var(--num20);height:auto}.is-bridge #modalControllGuide .row-inner .column-container:after{position:absolute;content:"";display:block;top:0;right:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.1)}.is-bridge #modalControllGuide .row-inner .column-container:last-of-type:after{display:none}.is-bridge .title-state{position:relative}.is-bridge .title-state .title-list.last{position:absolute;top:0;left:0;right:0;opacity:0;margin:auto}.is-bridge .guide-title{width:100%;text-align:center;line-height:1.2}.is-bridge .guide-title p{position:relative;font-family:"IPM";font-size:6rem}.is-bridge .guide-title p span{color:#fff;font-family:"IPM";font-size:6rem;letter-spacing:-.02em}.is-bridge .guide-title span{position:relative;width:100%;box-sizing:border-box;padding:0;font-family:"H";font-size:1.6rem;line-height:1.4}.is-bridge #modalControllGuide p+span{color:#ff5c00}.is-bridge.is-continue .guide-title span{color:#fff}#modalControllGuide{top:50%;min-width:480px;border-radius:10px;font-family:"IPM";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}#modalControllGuide>.column-container{width:100%}#modalControllGuide .icon-container .column-container{padding:0 16px;padding:0 var(--num20)}#modalControllGuide .row-container{align-items:stretch;padding:4vw 0;padding:var(--num80) 0}#modalControllGuide .column-main{opacity:0;visibility:hidden}#modalControllGuide .row-mb{padding:20px 0!important;text-align:center;justify-content:center}#modalControllGuide .row-mb .icon{padding-bottom:5px;background-image:url(/static/media/icon-mobile.a154a6c7.svg)}#modalControllGuide .row-mb>.column-container{font-size:1.4rem;line-height:1.8rem}#modalControllGuide .icon{width:128px;height:128px;margin-bottom:10px;background-image:url(/static/media/icon-keyboard.95a1d379.svg);background-size:cover;background-repeat:no-repeat;font-size:0;box-sizing:border-box}#modalControllGuide .icon.icon-mouse{background-image:url(/static/media/icon-mouse.39d977eb.svg)}#modalControllGuide .icon.icon-spacebar{background-image:url(/static/media/icon-spacebar.4c2b0969.svg)}#modalControllGuide .column-container{align-items:center;font-size:1.2rem;letter-spacing:-.02em;line-height:1.3}#modalControllGuide .row-container>.column-container{position:relative;text-align:center}#modalControllGuide .row-container>.column-container:after{position:absolute;content:"";display:block;top:0;right:0;width:1px;height:100%;background-color:hsla(0,0%,100%,.1)}#modalControllGuide .row-container>.column-container:last-of-type:after,#modalControllGuide .row-mb{display:none}#modalControllGuide button{pointer-events:inherit}#modalBackground,#modalBackgroundLayer{opacity:1;z-index:6}#modalBackground .grid-background,#modalBackgroundLayer .grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:0}#modalBackground.is-success .grid-background,#modalBackgroundLayer.is-success .grid-background{background:linear-gradient(180deg,#0a0a0a,#504f4a);opacity:.5!important}#modalBackgroundLayer{opacity:0;visibility:hidden}#modalBackgroundLayer .grid-background{opacity:.9}#modalTip{display:flex;justify-content:center;top:auto;left:auto;right:72px;right:var(--num90);bottom:72px;bottom:var(--num90);width:240px;height:240px;padding:0;background-color:#000;border-radius:50%;color:#fff;font-family:"IPM";font-size:1.2rem;line-height:1.6rem;letter-spacing:-.02em;z-index:4;opacity:1;visibility:visible;-webkit-transform:none;transform:none}#modalTip .column-container{width:100%;box-sizing:border-box;text-align:center}#modalTip .column-container .info-list{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;left:0;width:100%;height:100%}#modalTip .column-container .info-list .info-inner{position:relative;display:flex;flex-direction:column;padding:18px 0;box-sizing:border-box}#modalTip .column-container .info-list .info-inner:after{position:absolute;content:"";bottom:0;left:0;right:0;width:calc(100% - 40px);height:1px;margin:auto;background-color:hsla(0,0%,100%,.1)}#modalTip .column-container .info-list .info-inner:last-of-type:after{display:none}#modalTip .tip-title{display:flex;flex-direction:column;text-align:center}#modalTip .tip-title .text{padding:10px 0 20px;font-size:2rem}#modalTip .tip-title .icon{position:relative;width:24px;height:24px;margin:0 auto;background-image:url(/static/media/icon-info.ab54426d.svg);background-size:cover;background-repeat:no-repeat}#modalTip .tip-title+.description{padding-bottom:10px}#modalTip .key-info{padding-bottom:6px}#modalTip .key-color{padding:2px 6px;color:#000;border-radius:34px;margin-right:5px;font-weight:700;background-color:#ff5c00}#modalTip .key-color:after{display:none}#modalTip .text{font-size:2rem;line-height:2.6rem}#modalTip #infoWork{opacity:0;visibility:hidden}#modalTip #infoWork .text{height:5.2rem;-webkit-line-clamp:2;margin-bottom:16px;margin-bottom:var(--num20)}#modalTip #infoWork .description,#modalTip #infoWork .text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}#modalTip #infoWork .description{height:4.8rem;-webkit-line-clamp:3}#modalTip #infoWork .column-container{padding:0 20px;box-sizing:border-box}#loading{-webkit-transform:none!important;transform:none!important;z-index:1000}#loading,#loading .text-list{opacity:0;visibility:hidden}#loading>.modal-content{padding:35px}#loading .modal-content>.row-container{align-items:flex-start;justify-content:space-between;width:350px;box-sizing:border-box}#loading .row-container div{font-size:1.6rem;line-height:1.2}#loading .row-container div.percentage-wrap{position:relative;display:flex;flex-direction:row;height:auto;padding:3.6rem 0 0;align-items:center;font-family:"IPM";font-weight:400;font-size:6rem;letter-spacing:-.02em;overflow:hidden}#loading .row-container div.percentage-wrap>div{opacity:0;visibility:hidden}#loading .row-container div.percentage-wrap span{display:inline-block;font-family:"IPM";font-size:6rem;letter-spacing:-.02em}#loading .row-container div.percentage-wrap .percentage{display:inline-block;text-align:right}#loading .row-container div.loading-text{color:#ff5c00;opacity:0}#loading .row-container div.loading-text div{position:relative;overflow:hidden}#loading .row-container div.loading-text div span{display:block}#loading .row-container div.loading-text div span:last-of-type{position:absolute;display:block;top:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}#modalControllMode{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transform:none;transform:none;height:-webkit-max-content;height:max-content;padding:25px}#modalControllMode .guide-title{padding:0 0 54px;padding:0 0 var(--num60)}#modalControllMode .guide-title span{color:#ff5c00}#frameElement{position:fixed;opacity:1;visibility:visible;z-index:9000;width:calc(100% - 70px);height:calc(100% - 70px);pointer-events:none!important}#frameElement .inner{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:auto;box-sizing:border-box}#frameElement.is-lock{width:100%!important;height:100%!important}#frameElement.is-lock .inner{width:calc(100% - 70px);height:calc(100% - 70px)}.frame{position:absolute;top:50%;left:50%;width:100%;height:100%;margin:auto;font-size:0;z-index:10;pointer-events:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;visibility:hidden}.frame .inner>div{position:absolute;width:25px;height:25px;padding:0!important}.frame .inner>div>svg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%}.frame .inner>div.frame-top-left{top:0;left:0}.frame .inner>div.frame-top-right{top:0;right:0}.frame .inner>div.frame-center-left{top:0;bottom:0;left:0;margin:auto;width:19px;height:28px}.frame .inner>div.frame-center-right{top:0;bottom:0;right:0;margin:auto;width:19px;height:28px}.frame .inner>div.frame-bottom-left{bottom:0;left:0}.frame .inner>div.frame-bottom-right{bottom:0;right:0}.frame.frame-main{position:fixed;width:100%;height:100%;background-image:none}.frame .frame-inner{width:calc(100% - 70px);height:calc(100% - 70px);background-image:none}.frame.frame-column{display:flex;align-content:space-between;width:100%;height:100%}.frame.frame-column>div{position:absolute;left:0;width:100%;height:25px}.frame.frame-column>div:after,.frame.frame-column>div:before{position:absolute;display:block;top:0;left:0;content:"";width:25px;height:25px;background-size:contain;background-repeat:no-repeat}.frame.frame-column>div:after{left:auto;right:0}.frame.frame-column>div.frame-top{top:0}.frame.frame-column>div.frame-top:before{background-image:url(/static/media/frame-top-left.232afd6c.svg)}.frame.frame-column>div.frame-top:after{background-image:url(/static/media/frame-top-right.9cd94cdf.svg)}.frame.frame-column>div.frame-center{top:0;bottom:0;height:28px;margin:auto}.frame.frame-column>div.frame-center:before{width:19px;height:100%;background-image:url(/static/media/frame-center-left.13ee0742.svg)}.frame.frame-column>div.frame-center:after{width:19px;height:100%;background-image:url(/static/media/frame-center-right.16cfe0ae.svg)}.frame.frame-column>div.frame-bottom{bottom:0}.frame.frame-column>div.frame-bottom:before{background-image:url(/static/media/frame-bottom-left.626a826b.svg)}.frame.frame-column>div.frame-bottom:after{background-image:url(/static/media/frame-bottom-right.d8aa90d2.svg)}.compass-container{position:absolute;left:50%;bottom:6.48vh;height:80px;color:#fff;font-family:"H";z-index:4;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.compass-container .icon{position:absolute;top:0;left:0;right:0;margin:auto;width:11%;height:10px;box-sizing:border-box;opacity:.9}.compass-container .icon span{display:inline-block;width:100%;height:100%;background-image:url(/static/media/icon.07352e40.svg);background-size:auto 100%;background-repeat:no-repeat;background-position:50%}.compass-container .icon.icon-bottom{top:auto;bottom:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.compass-mask{width:360px;height:100%;margin:0 auto;align-items:center;justify-content:space-between;overflow:hidden;color:#fff}.compass-mask,.compass-mask .mask{position:relative;display:flex;flex-flow:row nowrap}.compass-mask .mask{width:33.333%;height:calc(100% - 40px);align-items:stretch;z-index:1}.compass-mask .mask span{display:flex;width:33.333%;height:auto;background-color:#000;opacity:.9;box-sizing:border-box}.compass-mask .mask span:nth-of-type(2){opacity:.7}.compass-mask .mask span:last-of-type{opacity:.3}.compass-mask .mask.mask-reverse{flex-flow:row-reverse nowrap}.compass-mask .cs-wrap{position:absolute;top:0;left:0;height:80px}.compass-mask .compass{position:absolute;left:0;margin:auto;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;width:-webkit-max-content;width:max-content;height:100%}.compass-mask .compass span{display:flex;flex-direction:column;justify-self:center;align-items:center;padding:0 12px;height:auto;flex:1 1;box-sizing:border-box;justify-content:center;color:#fff;font-size:1.1rem;line-height:1;overflow:hidden}.compass-mask .compass span:before{position:relative;content:"";width:2px;height:5px;margin:0 auto 6px;background-color:#fff}.compass-mask .compass .title-direction{padding:0 12px;font-family:"IPM";font-size:2.4rem;line-height:1.5;font-weight:700}.compass-mask .compass .title-direction:before{display:none}#modalFloor{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}#modalFloor .guide-title{padding:9px 0 54px;padding:var(--num10) 0 var(--num60)}#modalFloor button{display:flex;flex-direction:column;align-items:stretch;cursor:pointer;width:100%;padding:20px 100px;margin:0 auto 10px;font-weight:400;justify-content:center;border:2px solid hsla(0,0%,100%,.1);border-radius:10px;box-sizing:border-box;pointer-events:inherit}#modalFloor button span{color:hsla(0,0%,100%,.4);font-family:"H";font-size:1.2rem;line-height:1.2;pointer-events:none;text-transform:uppercase}#modalFloor button span.button-title{padding-bottom:4px;color:#fff;font-family:"IPM";font-size:3rem;letter-spacing:-.03em}#modalFloor button:first-of-type{margin:0 auto}#modalFloor button.is-select{border-color:#fff}#modalFloor .button-floor-wrap{display:flex;padding-top:10px;justify-content:stretch;flex-direction:column-reverse}.button-sound{cursor:pointer}.button-sound .mask{width:50px;overflow:hidden}.button-sound .wave-container{display:flex;-webkit-animation:wave 2s linear infinite;animation:wave 2s linear infinite}.button-sound .wave-container .wavesvg{position:relative;top:0;min-width:100px;transition:transform .6s ease-in-out;pointer-events:none}.button-sound .sound-toggle{transition:transform .2s ease-in-out}.button-sound.sound-off .sound-toggle{-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}.button-sound.sound-off .wave-container .wavesvg{-webkit-transform:translateY(-1px) scaleX(50) scaleY(1);transform:translateY(-1px) scaleX(50) scaleY(1)}@-webkit-keyframes wave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-40px);transform:translateX(-40px)}}@keyframes wave{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-40px);transform:translateX(-40px)}}.icon-wrap{position:relative;display:inline-block;width:40px;height:7px}.label-close{position:absolute;top:0;left:0;opacity:0;visibility:hidden}.line{top:0;height:100%}.line,.line span{position:absolute;display:block;left:0;width:100%;padding:0!important}.line span{height:2px;background-color:#fff}.line span.line-top{top:0}.line span.line-bottom{bottom:0}#modalControllMode{pointer-events:none}#modalControllMode .column-title{opacity:0;visibility:hidden}#modalControllMode .row-container{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}#modalControllMode button .background{background-color:hsla(0,0%,100%,.15);opacity:0;visibility:hidden}#modalChangeMode{top:0;padding:0 20px;height:100vh;box-sizing:border-box;pointer-events:none}#modalChangeMode>.column-container.container-top{padding-top:8.33vmin;height:100%;box-sizing:border-box;justify-content:center}#modalChangeMode .guide-button{margin-top:0}#modalChangeMode .column-title{margin:0 auto;color:#ff5c00;font-family:"H";font-size:1.6rem;line-height:1.3}#modalChangeMode .guide-controllmode{display:grid;padding:36px 0 0;padding:var(--num40) 0 0;grid-template-columns:1fr 1fr}#modalChangeMode .copyright{padding:36px 0 72px;padding:var(--num40) 0 var(--num90);font-family:"H";font-size:1.2rem;font-weight:400;line-height:1.4;text-align:center}#modalChangeMode .guide-button .column-container{position:relative;background-color:#fff}#modalChangeMode .description,#modalChangeMode .title{overflow:hidden}#modalChangeMode .column-last{position:absolute;top:0;left:0;right:0;margin:auto}#modalChangeMode .column-first{-webkit-transform:translateY(100%);transform:translateY(100%)}#modalChangeMode .button-background{opacity:0;visibility:hidden}#modalChangeMode button{border-color:hsla(0,0%,100%,.1)}#modalProjectView{text-transform:none;pointer-events:none;word-break:break-word}#modalProjectView .button-wrap{position:absolute;width:calc(100% - 16.66vmin + 20px);max-width:1940px;top:3.9vw;right:0;left:0;margin:auto;z-index:2}#modalProjectView .button-wrap button{margin-left:auto}#modalProjectView .modal-content{opacity:1;bottom:4.6vw;width:calc(100% - 9.375vw);height:calc(100% - 11vw - 65px);background-color:hsla(0,0%,100%,.1);box-sizing:border-box;border-radius:40px;max-width:1920px;left:0;right:0;margin:auto;-webkit-transform:none;transform:none}#modalProjectView .modal-content .pr-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:-webkit-max-content;height:max-content;padding:1.85vmin;box-sizing:border-box;overflow:hidden}#modalProjectView .modal-content .pr-container>div{width:50%;max-width:800px;padding:1.85vmin;box-sizing:border-box}#modalProjectView .modal-content .pr-container>div.pr-visual{max-width:63vh}#modalProjectView .modal-content .pr-visual{min-width:280px}#modalProjectView .modal-content .pr-visual .visual-container{position:relative;display:flex;height:0;padding-bottom:89.6%;font-size:0;flex-wrap:wrap;align-content:space-between;justify-content:space-between}#modalProjectView .modal-content .pr-visual .visual-container .inner,#modalProjectView .modal-content .pr-visual .visual-container .visual-inner{display:flex}#modalProjectView .modal-content .pr-visual .visual-container .visual{width:calc(50% - 10px);box-sizing:border-box;overflow:hidden}#modalProjectView .modal-content .pr-visual .visual-container .visual>div{border-radius:10px;overflow:hidden}#modalProjectView .modal-content .pr-visual .visual-container .visual img{max-width:100%;width:100%;opacity:0}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .visual-inner{flex-direction:column;align-content:space-between}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .visual-inner>div{width:100%}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .inner{flex-direction:row;justify-content:space-between;padding-top:20px}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .inner .visual{width:auto}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .inner .visual:first-of-type{padding:0 10px 0 0}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .inner .visual:last-of-type{padding:0 0 0 10px}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .visual-inner{flex-direction:row;width:100%;justify-content:space-between;align-items:flex-start}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .visual-inner>div{width:calc(50% - 10px)!important;padding:0}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .inner{flex-direction:column}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .inner>div{text-align:right;width:100%!important;padding:10px 0 0}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .inner>div:first-of-type{padding:0 0 10px}#modalProjectView .modal-content .pr-logo{width:23vmin;max-width:250px;opacity:0}#modalProjectView .modal-content .pr-logo .logo{height:0;padding-bottom:52%;background-size:100% auto;background-repeat:no-repeat;box-sizing:border-box}#modalProjectView .modal-content .pr-detail{display:grid;box-sizing:border-box;font-family:"H";font-size:1.6rem;line-height:1.9rem;overflow:hidden}#modalProjectView .modal-content .pr-detail .pr-client-name{padding:0 0 2.3vmin}#modalProjectView .modal-content .pr-detail .pr-client-name,#modalProjectView .modal-content .pr-detail .pr-title{opacity:0}#modalProjectView .modal-content .pr-detail .pr-description{width:67.64%;height:100%;box-sizing:border-box;overflow-y:auto;opacity:0;visibility:hidden;-webkit-transform:translateY(25px);transform:translateY(25px);white-space:pre-wrap}#modalProjectView .modal-content .pr-detail .pr-description::-webkit-scrollbar{display:block;width:10px;border-radius:8px}#modalProjectView .modal-content .pr-detail .pr-description::-webkit-scrollbar-thumb{width:10px;border-radius:8px;background-color:#666}#modalProjectView .modal-content .pr-detail .pr-description::-webkit-scrollbar-track{background-color:transparent;display:none}#modalProjectView .modal-content .pr-information{position:relative;display:flex;flex-direction:row;align-items:flex-start;padding:0 0 0 80px;overflow:hidden;word-wrap:break-word;word-break:keep-all}#modalProjectView .modal-content .pr-information>div{padding:0 1.85vmin}#modalProjectView .modal-content .column-container{width:32.36%;align-items:flex-start}#modalProjectView .modal-content .pr-detail .pr-number,#modalProjectView .modal-content .pr-detail .pr-year{position:absolute;top:0;left:0;opacity:0}#modalProjectView .pr-date-info{position:relative;display:none;box-sizing:border-box;color:#fff;font-family:"H";font-size:1.6rem}#modalProjectView .pr-date-info span{display:inline-block}#modalProjectView .pr-date-info span.pr-number{padding-right:30px}#modalProjectView .icon-wrap{width:25px;height:25px;margin:3.5px 0}#modalProjectView .icon-wrap svg{opacity:0;visibility:hidden}#modalProjectView .close-menu-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;visibility:hidden}#modalProjectView button span{opacity:0;visibility:hidden}.close-menu-icon{display:inline-block;width:25px;height:25px;background-image:url(/static/media/icon-close-menu.af928203.svg);background-size:cover}.button-close{display:flex;align-items:center;padding:12px 10px;pointer-events:inherit;cursor:pointer;z-index:10}.button-close .button-text{color:#fff;font-family:"H";font-size:1.2rem;padding-right:16px}.button-close div,.button-close span,.button-close svg{pointer-events:none}.button-game-share .icon{width:50px;height:20px;background-image:url(/static/media/icon-share.1b20809d.svg);background-size:contain;background-repeat:no-repeat}.test{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.modal-toast{position:fixed;top:77px!important;background-color:#fff;border-radius:5px;padding:0!important;z-index:100;pointer-events:none}.modal-toast p{padding:10px 15px;color:#000;font-family:"IPM";font-size:1.2rem;line-height:1.4;letter-spacing:-.02em}#modalGameBridge{top:0!important;border-radius:10px;pointer-events:none;background-color:transparent;-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%)}#modalGameBridge>.row-container{margin-top:77px;padding:16px 17.5px 16px 20px;background-color:#fff;border-radius:10px}#modalGameBridge p{padding:0 8vmax 0 0}#modalGameBridge button{min-width:66px;height:32px;padding:4px;margin:0 2.5px;background-color:#000;border-radius:40px;box-sizing:border-box;color:#fff;font-family:"IPM";font-size:2rem;letter-spacing:-.02em;text-transform:uppercase;pointer-events:inherit;cursor:pointer}.key{position:relative;display:inline-block!important;color:#fff;padding:0 5px}.key:after{position:absolute;top:0;left:0;content:"";width:100%;height:0;padding-bottom:100%;background-color:#000;border-radius:50%;z-index:-1}.button-share .icon{width:50px;height:20px;background-image:url(/static/media/icon-share.1b20809d.svg);background-size:cover;background-repeat:no-repeat;background-position:50%}.button-sound .label,.button-voice .icon,.button-voice .label{display:flex;flex-direction:row;align-items:center}.button-voice .icon{position:relative;justify-content:space-between;width:50px;height:12px}.button-voice .icon span{position:relative;background-color:#fff;width:2px;height:2px}.label-list{position:relative;display:flex;margin-left:9px;margin-left:var(--num10);flex-direction:row;align-items:center;overflow:hidden}.label-list .off{display:inline-block;opacity:0;visibility:hidden;height:100%}.label-list .on{position:absolute;top:0;left:0;display:inline-block}.button-exit .icon{width:50px;height:16px;background-image:url(/static/media/icon-exit.814f15f2.svg);background-size:cover;background-repeat:no-repeat}.is-easy-mode #modalControllGuide .column-container{width:508px}.fixed-util,.is-easy-mode .util-bottom{opacity:0;visibility:hidden}.util-menu{position:fixed;flex-direction:column;width:100%;height:100%;padding:72px;padding:var(--num90);margin:0 auto;box-sizing:border-box;color:#fff;opacity:0;visibility:hidden}.util-menu,.util-menu .util{display:flex;justify-content:space-between;pointer-events:none}.util-menu .util,.util-menu .util-sound{flex-direction:row;align-items:center}.util-menu .util-sound{display:flex}.util-menu .util-sound .label{padding:0 0 0 27px;padding:0 0 0 var(--num30)}.util-menu .util-share{position:relative}.util-menu .util-share .label{padding:0 27px 0 0;padding:0 var(--num30) 0 0}.util-menu .util-top .button-sound{margin-right:36px;margin-right:var(--num40)}.util-menu a,.util-menu button{display:flex;flex-direction:row;align-items:center;padding:9px;padding:var(--num10);text-transform:uppercase;pointer-events:inherit;cursor:pointer}.util-menu .label{color:#fff;font-family:"H";font-size:1.2rem}.util-menu .button-exit .label{padding:0 0 0 27px;padding:0 0 0 var(--num30)}.util-menu .button-exit .icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.util-menu .button-exit.exit-right .label{padding:0 27px 0 0;padding:0 var(--num30) 0 0}.util-menu .button-exit.exit-right .icon{-webkit-transform:none;transform:none}.util-menu .share-menu{position:absolute;display:flex;top:calc(100% + 12px);left:0;right:0;width:calc(100% - 10px);height:-webkit-max-content;height:max-content;margin:auto;flex-direction:column;background-color:#fff;box-sizing:border-box;border-radius:10px;opacity:0;visibility:hidden}.util-menu .share-menu .icon{width:20px;height:20px;background-image:url(/static/media/icon-facebook.99adf840.svg);background-size:cover;background-repeat:no-repeat}.util-menu .share-menu .text{color:#000;font-family:"H";font-size:1.2rem;letter-spacing:0;text-transform:uppercase}.util-menu .share-menu button{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:20px;box-sizing:border-box}.util-menu .share-menu button:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background-color:rgba(0,0,0,.05)}.util-menu .share-menu button[data-type=twitter] .icon{background-image:url(/static/media/icon-twitter.c9cca5ba.svg)}.util-menu .share-menu button[data-type=kakao] .icon{background-image:url(/static/media/icon-kakao.8c48cff7.svg)}.util-menu .share-menu button[data-type=link] .icon{background-image:url(/static/media/icon-link.00e42c9b.svg)}.util-menu .share-menu button[data-type=link]:after{display:none}.util-info{position:absolute;display:flex;flex-direction:row;align-items:center;padding:56px 4vw 0;padding:var(--num70) var(--num80) 0;width:100%;box-sizing:border-box;justify-content:space-between}.util-info .showroom-label{display:none;padding:38px 0 0 45px;font-size:1.2rem;line-height:1rem;font-family:"H"}.util-info .info-life{padding:0 9px;padding:0 var(--num10)}.util-info .info-life ul{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;margin:14px 0}.util-info .info-life ul li{position:relative;width:40px;height:10px;margin-right:5px;border:1px solid hsla(0,0%,100%,.2);box-sizing:border-box;overflow:hidden}.util-info .info-life ul li span{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;background-color:#fff}.util-info .info-label{padding-top:10px;font-family:"IPM";font-size:1.6rem;letter-spacing:-.02em}.util-info .info-label-mobile{display:none;opacity:0;visibility:hidden}.util-info .info-playtime{padding:0 10px;text-align:center}.util-info .info-playtime .info-label{text-align:right}.util-info .info-playtime .time-container{display:flex;flex-direction:row;align-items:center}.util-info .info-playtime span{display:inline-block;font-family:"IPM";font-size:3.6rem;letter-spacing:-.02em}.util-info .info-playtime span.time{width:44px;line-height:3.8rem}.util-info .info-playtime span.dot{display:flex;margin:0 8px;height:18px;flex-direction:column;justify-content:space-between}.util-info .info-playtime span.dot>span{display:inline-block;width:4px;height:4px;background-color:#fff;border-radius:50%}.util-info .info-playtime span.dot.dot-one span{margin-top:auto}.util-info .button-menu{display:none;pointer-events:none}.util-info .button-menu .line-wrap{position:relative;display:block;width:40px;height:7px}.util-info .button-menu .line-wrap span{position:absolute;display:inline-block;top:0;left:0;width:100%;height:2px;background-color:#fff}.util-info .button-menu .line-wrap span.line-bottom{top:auto;bottom:0}.util-menu-mobile{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);pointer-events:none;visibility:hidden;opacity:0}.util-menu-mobile .menu-close{display:flex;justify-content:space-between;align-items:center;width:100%;padding:35px;box-sizing:border-box;cursor:pointer;pointer-events:inherit}.util-menu-mobile .menu-close .label{font-family:"H";font-size:1.6rem;letter-spacing:0}.util-menu-mobile .menu-layer{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;margin:0 auto;overflow:auto}.util-menu-mobile .menu-layer ::-webkit-scrollbar{display:none}.util-menu-mobile .menu-layer .close-menu-icon{position:relative;top:auto;left:auto;-webkit-transform:none;transform:none}.util-menu-mobile .background{background-color:hsla(0,0%,100%,.1);border-radius:10px;z-index:-1;visibility:inherit;pointer-events:none}.util-menu-mobile .menu-list{display:flex;flex-direction:column}.util-menu-mobile .menu-list a,.util-menu-mobile .menu-list button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8vw;box-sizing:border-box;opacity:0;visibility:hidden;cursor:pointer}.util-menu-mobile .menu-list a:after,.util-menu-mobile .menu-list button:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background-color:#000}.util-menu-mobile .menu-list a.button-exit:after,.util-menu-mobile .menu-list button.button-exit:after{display:none}.util-menu-mobile .label{color:#fff;font-family:"IPM";font-size:3.5rem;letter-spacing:-.02em;text-transform:uppercase}@media(min-width:1280px){:root{--num10:0.5vw;--num20:20px;--num30:30px;--num40:40px;--num50:50px;--num60:60px;--num70:70px;--num80:80px;--num90:90px;--num300:300px}}@media(max-width:1024px){.is-modal-active #frameElement{display:none}#modalProjectView .button-wrap{width:calc(100% - 40px)}#modalProjectView .modal-content{top:25px;bottom:25px;left:0;right:0;width:calc(100% - 30px);height:calc(100% - 30px);margin:auto;border-radius:10px;opacity:0;visibility:hidden}#modalProjectView .modal-content .column-container{width:200px!important}#modalProjectView .modal-content .pr-container{flex-direction:column;padding:35px 20px 20px;overflow:auto}#modalProjectView .modal-content .pr-container>div{width:100%;max-width:unset;height:-webkit-max-content;height:max-content;padding:0}#modalProjectView .modal-content .pr-container>div.pr-visual{max-width:unset}#modalProjectView .modal-content .pr-visual{order:1;-webkit-order:1;min-width:unset}#modalProjectView .modal-content .pr-visual .visual-container{height:100%;padding-bottom:0}#modalProjectView .modal-content .pr-visual .visual-container .visual{width:100%;padding:10px 0;height:auto!important}#modalProjectView .modal-content .pr-visual .visual-container .visual img{width:100%!important;height:auto!important}#modalProjectView .modal-content .pr-visual .visual-container .visual-inner .visual{padding:10px 0!important}#modalProjectView .modal-content .pr-visual .visual-container .visual-inner .visual:last-of-type{padding:10px 0 0!important}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .visual-inner>div{padding:0}#modalProjectView .modal-content .pr-visual[data-type=vertical] .visual-container .inner{flex-direction:column;padding-top:10px}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .visual-container .visual-inner{flex-direction:column}#modalProjectView .modal-content .pr-visual[data-type=horizontal] .visual-container .visual-inner>div{width:100%!important;padding:0}#modalProjectView .modal-content .pr-detail{display:flex;flex-direction:column;min-width:unset;padding:104px 0 0!important;height:100%;overflow:unset}#modalProjectView .modal-content .pr-detail .pr-client-name{padding:0 0 25px}#modalProjectView .modal-content .pr-detail .pr-information{flex-direction:column;padding:0;overflow:unset!important}#modalProjectView .modal-content .pr-detail .pr-information:last-of-type{display:block;height:-webkit-max-content;height:max-content}#modalProjectView .modal-content .pr-detail .pr-information>div{padding:0}#modalProjectView .modal-content .pr-detail .pr-information>div.pr-description{padding:70px 0 100px}#modalProjectView .modal-content .column-container{width:100%}#modalProjectView .modal-content .pr-detail .pr-number,#modalProjectView .modal-content .pr-detail .pr-year{display:none}#modalProjectView .pr-date-info{display:block}#modalProjectView .button-close{top:30px;right:35px;padding:27px 28px}#modalProjectView .button-close .button-text{display:none}}.is-visible-pc{display:flex}.is-visible-mobile{display:none}body.is-device-mobile .util-info .showroom-label{display:block}body.is-device-mobile #modalRanks .modal-content{min-width:unset;width:100%;height:100%;padding:8vw 6vw;box-sizing:border-box}body.is-device-mobile #modalRanks .guide-button{width:calc(100% - 10.6vw - 20px);margin:0 auto}body.is-device-mobile #modalRanks li{font-size:1.6rem}body.is-device-mobile #modalRanks .copy-right{margin-top:5vw;font-size:1rem}body.is-device-mobile #modalMobile{display:flex}#modalMobile{display:none;flex-direction:row;justify-content:space-between;top:auto;bottom:0;left:0;right:0;margin:auto;width:100%;padding:0!important;pointer-events:none;-webkit-transform:none;transform:none;box-sizing:border-box;opacity:0;z-index:6}#modalMobile div{padding:0 0 40px 40px;-webkit-transform:translate(-100%);transform:translate(-100%)}#modalMobile div:last-of-type{padding:0 40px 40px 0;-webkit-transform:translate(100%);transform:translate(100%);visibility:inherit}#modalMobile div:last-of-type button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#modalMobile button{position:relative;width:24vw;height:24vw;max-width:90px;max-height:90px;padding:0;font-size:0;pointer-events:inherit;border-radius:50%;background-image:url(/static/media/icon-left.b6e69d77.svg);background-size:cover;background-repeat:no-repeat}#modalMobile button span{position:absolute;display:block;top:-10%;left:-10%;width:120%;height:120%;border-radius:50%;-webkit-transform:scale(.2);transform:scale(.2);opacity:0;visibility:hidden}#modalMobile button span img{width:100%}#modalMobile button:active{opacity:.4}.modal-rank{top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.modal-rank .rank-inner{position:relative;height:100%;z-index:1;opacity:0;overflow:hidden}.modal-rank .column-container{width:100%}.modal-rank .column-container.column-ranks{position:relative;height:100%;overflow:auto}.modal-rank .guide-title{padding:0 0 45px;padding:0 0 var(--num50);border-bottom:1px solid #c4c4c4}.modal-rank .button-wrap{opacity:0;visibility:hidden}.modal-rank ul{position:relative;display:flex;flex-direction:column;width:25vw;min-width:440px;max-height:100%;height:-webkit-max-content;height:max-content;margin:45px 0;margin:var(--num50) 0}.modal-rank li{display:flex;flex-direction:row;padding:10px 0;font-size:2.4rem;letter-spacing:-.02em;line-height:1.2;opacity:1}.modal-rank li.space{color:transparent}.modal-rank li.rank-new span:nth-of-type(2){position:relative;width:-webkit-max-content;width:max-content;margin-right:auto;padding-right:20px}.modal-rank li.rank-new span:nth-of-type(2):after{position:absolute;content:"";top:0;right:0;width:11px;height:13px;background-image:url(/static/media/icon-new.4a6371c5.svg);background-size:cover;background-repeat:no-repeat}.modal-rank li span{display:inline-block;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-rank li span:first-of-type{width:calc(45px + 2vw);padding-right:.5vw}.modal-rank li span:nth-of-type(2){max-width:calc(100% - 165px - 4vw);padding-right:.5vw}.modal-rank li span:last-of-type{width:120px;text-align:right;margin-left:auto}#modalRanks{color:#fff;font-family:"IPM"}#modalRanks .modal-content{display:flex;flex-direction:column;flex-wrap:nowrap;width:25vw;min-width:400px;height:calc(100% - 15.74vh)}#modalRanks .guide-button{align-items:center}#modalRanks .guide-button .description{color:rgba(0,0,0,.4)}.modal-success{font-family:"IPM";letter-spacing:-.02em;z-index:10;text-transform:uppercase}.modal-success .modal-content{top:0;width:calc(25vw + 100px);min-width:440px;height:100%;justify-content:space-between;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-sizing:border-box}.modal-success .modal-content>div{width:100%}.modal-success .modal-content .result-container{position:relative;padding:56px 45px;padding:var(--num70) var(--num50);box-sizing:border-box;border-radius:0 0 10px 10px;overflow:hidden}.modal-success .background-rank{background-image:url(/static/media/gradient-background.bc6509c4.png);background-size:cover;z-index:3;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal-success .result-info{display:flex;flex-direction:column;padding:45px 0 27px;padding:var(--num50) 0 var(--num30)}.modal-success .result-info p{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:0}.modal-success .result-info p span{width:48px;text-align:center;font-size:3.6rem;line-height:1.4}.modal-success .result-info p span.dot{width:24px}.modal-success .result-info>span{font-size:1.6rem;margin:9px auto;margin:var(--num10) auto}.modal-success .form-container{display:flex;flex-direction:column;width:100%}.modal-success .form-container>div{position:relative;margin:27px auto;margin:var(--num30) auto;width:100%;font-size:1.6rem;line-height:1.4}.modal-success .form-container>div:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:10px;border:2px solid #fff;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box}.modal-success .form-container>div span{position:absolute;top:0;left:0;padding:10px 0;width:100%;height:100%;box-sizing:border-box;text-align:center;pointer-events:none}.modal-success .form-container input{position:relative;display:block;width:100%;padding:12px 10px;color:#fff;font-size:1.6rem;line-height:1.4;box-sizing:border-box;background:transparent;border:none;z-index:10;text-align:center}.modal-success .form-container input ::focus{outline:none}.button-form-close{position:absolute;top:56px;top:var(--num70);right:4vw;right:var(--num80);display:flex;align-items:center;padding:15px 10px;pointer-events:inherit;cursor:pointer}.button-form-close .label{padding:0 36px 0 0;padding:0 var(--num40) 0 0;color:#fff;font-family:"H";font-size:1.2rem;text-transform:uppercase}.button-form-close .icon{width:25px;height:25px;background-image:url(/static/media/icon-close-menu.af928203.svg);background-size:cover;background-repeat:no-repeat}.button-form-close.guide-button{position:relative;top:auto;right:auto;margin:5px auto 0}#modalFormRank .result-container{overflow:hidden;position:relative;height:700px;max-height:70vh;justify-content:space-between}#modalFormRank .background-rank{z-index:-1}#modalResultFail .background-rank{top:0;height:100%;background:linear-gradient(1turn,rgba(0,0,0,.8),transparent);pointer-events:none;z-index:3}#modalResultFail .background-rank:before{position:absolute;top:-50px;left:0;width:100%;height:100px;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}#modalResultFail>.column-container{height:calc(100vh - 27vmin);max-height:764px}#modalResultFail>.column-container:before{position:absolute;display:block;content:"";top:0;left:0;width:100%;height:10%;background:linear-gradient(179deg,rgba(0,0,0,.8) 40%,transparent);z-index:3;-webkit-transform:translateY(-20%);transform:translateY(-20%)}#modalResultFail .guide-button{margin:45px auto 0;margin:var(--num50) auto 0;z-index:3}#modalResultSuccess .result-container{height:700px;max-height:70vh}#modalResultSuccess .result-container:before{position:absolute;content:"";display:block;top:0;left:0;width:100%;height:100%;background-image:url(/static/media/gradient-background.bc6509c4.png);background-size:cover;pointer-events:none;z-index:2}#modalResultSuccess .background-rank{background-size:auto 100%;display:none;z-index:2}#modalResultSuccess .modal-content{min-width:-webkit-max-content;min-width:max-content}#modalResultSuccess .guide-title{width:100%}#modalResultSuccess .guide-button .title{font-size:2rem}#modalResultSuccess .row-container{margin:60px auto 0;width:100%}#modalResultSuccess .guide-button{margin:0 5px}#modalResultSuccess .result-container{position:relative}.spinner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;z-index:100;opacity:0}.spinner .spinner-inner{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px}.spinner .path{stroke:#fff;stroke-linecap:round}.spinner.loading{opacity:1}.spinner.loading .spinner-inner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.spinner.loading .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}::-webkit-input-placeholder{color:#fff;opacity:1;-webkit-transition:opacity .2s cubic-bezier(.65,0,.35,1) .1s;transition:opacity .2s cubic-bezier(.65,0,.35,1) .1s}input:focus{outline:none}input:focus::-webkit-input-placeholder{-webkit-transition:opacity .25s cubic-bezier(.65,0,.35,1);transition:opacity .25s cubic-bezier(.65,0,.35,1);opacity:0}.copyright{padding:36px 0 72px;padding:var(--num40) 0 var(--num90);font-family:"H";font-size:1.2rem;color:#fff;line-height:1.4;text-align:center;white-space:nowrap}.is-continue .title-list{opacity:0}.is-continue .title-list.last{opacity:1!important}.is-continue #modalControllGuide{height:100%;box-sizing:border-box;padding:0 40px}.is-continue #modalControllGuide .column-main{display:flex;height:100%}.is-continue #modalControllGuide .column-main .column-inner{display:flex;height:100%;padding:0}.is-continue #modalControllGuide .column-main .column-inner>div{margin:auto 0;height:auto;box-sizing:border-box}.is-continue #modalControllGuide .column-main .column-inner>div .guide-title{padding-top:4vw;padding-top:var(--num80)}.is-continue #modalControllGuide .column-main .button-start{margin:0 auto}.is-continue #modalControllGuide .copyright{display:flex}.state-wrap{position:relative}.state-on{position:absolute;top:0;left:0;height:100%}.state-mode.state-on,.state-off{opacity:0;visibility:hidden}.state-mode.state-off{opacity:1;visibility:visible}.menu-overlay .light-toggle-mobile .state-wrap{margin:0}.menu-overlay .state-wrap{margin-left:2rem;display:inline-block}.share-container button span br{display:none}#tutorial{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#tutorial div{position:absolute;top:72px;top:var(--num90);left:50%;display:flex;flex-direction:column;align-items:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden}#tutorial div .label{padding:0 0 16px;color:#fff;font-family:"IPM";font-size:1.2rem;letter-spacing:-.02em;line-height:1.6rem;text-align:center}#tutorial div .icon{width:28px;height:42px}#tutorial div svg{width:100%}#tutorial div svg #wheel_ball{-webkit-transform:translateY(-4px);transform:translateY(-4px)}#tutorial div svg #wheel_line{height:0}#tutorial div #swipe{-webkit-transform:translateY(6px);transform:translateY(6px)}#tutorial div.tutorial-swipe{top:auto;bottom:38px}#tutorial div.tutorial-swipe .label{padding:10px 0 0}#tutorial div.tutorial-swipe .icon{width:12px;height:60px}.is-device-mobile #modalResultSuccess .button-form-close{display:none}@media(max-width:768px){#modalFormRank .button-form-close,#modalResultSuccess .button-form-close,#modalTip,#rootP5Canvas{display:none}.share-container button span br{display:block}#modalGameBridge>.row-container{margin-top:35px}.is-bridge #modalControllGuide .column-container.guide-title{padding-top:8vw}#modalResultFail>.column-container{height:100%;max-height:unset}.modal-toast{top:45px!important}.modal-toast p{font-size:1rem}.is-easy-mode .util-info{z-index:900}.is-easy-mode #modalTip{display:none;opacity:0;visibility:hidden}.is-showroom.is-device-mobile .util-info{justify-content:space-between}.is-showroom .util-info{justify-content:flex-end}.util-info{right:0;padding:0}.util-info .button-menu{display:block;visibility:inherit;padding:45px 45px 0 0;cursor:pointer}.util-info .info-label{display:none}.util-info .info-life{padding:44px 0 0 45px}.util-info .info-life ul{margin:0}.util-info .info-life ul li{width:9px;height:9px;margin-right:2px}.util-info .info-playtime{position:absolute;display:flex;flex-direction:column;top:32px;left:0;right:0;margin:auto;width:-webkit-max-content;width:max-content}.util-info .info-playtime .info-label-mobile{display:block;padding-top:16px;color:#fff;font-family:"IPM";font-size:1.2rem;letter-spacing:-.02em;line-height:1.6rem;text-align:center}.util-info .info-playtime span{font-size:2.2rem}.util-info .info-playtime span.time{width:26px}.util-info .info-playtime span.dot{height:8px;margin:0 4px}.util-info .info-playtime span.dot span{width:2px;height:2px}.is-bridge .util-info,.is-mobile-device .util-info{opacity:0}.is-bridge .util-info .button-menu,.is-mobile-device .util-info .button-menu{padding:45px 45px 0 0}.is-bridge #modalControllGuide,.is-mobile-device #modalControllGuide{width:100%;height:100%;align-items:center;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transform:none;transform:none;box-sizing:border-box;padding:0!important}.is-bridge #modalControllGuide .row-pc,.is-mobile-device #modalControllGuide .row-pc{padding:60px 35px;box-sizing:border-box}.is-bridge #modalControllGuide .row-pc>.column-container,.is-mobile-device #modalControllGuide .row-pc>.column-container{padding:0 .8vmax}.is-bridge #modalControllGuide .column-container,.is-mobile-device #modalControllGuide .column-container{margin:0 auto}.is-bridge #modalControllGuide .column-main,.is-mobile-device #modalControllGuide .column-main{justify-content:space-between;width:100%;height:100%;padding:50px;box-sizing:border-box}.is-bridge #modalControllGuide .guide-title p,.is-mobile-device #modalControllGuide .guide-title p{padding:0;font-size:5rem}.is-bridge #modalControllGuide .guide-title p span,.is-mobile-device #modalControllGuide .guide-title p span{font-size:5rem}.is-bridge #modalControllGuide .guide-title span,.is-mobile-device #modalControllGuide .guide-title span{padding:0;font-size:1.5rem}.is-bridge .guide-button,.is-mobile-device .guide-button{width:100%!important;padding:16px 10px!important;margin:0 auto}.is-bridge .guide-button .title,.is-mobile-device .guide-button .title{font-size:2.8rem;margin:0 auto!important}.is-bridge .guide-button .description,.is-mobile-device .guide-button .description{display:none}.is-bridge .button-retry,.is-mobile-device .button-retry{margin:0 0 0 5px}#modalResultFail{height:calc(100% - 100px)}#modalResultFail .guide-button .description{display:none}#modalResultFail button{width:calc(100% - 100px)!important}#modalResultSuccess .row-container{margin-top:auto}#modalResultSuccess .modal-rank .column-container.column-ranks{padding:0}#modalResultSuccess .form-container{margin-top:auto}#modalResultSuccess ul{margin:0;padding:0 30px 30px}#modalResultSuccess .guide-title{padding:34px 0 80px}#modalFormRank .result-container{height:100%}#modalFormRank .form-container{margin-top:auto}.util-menu{display:none}#frameElement{width:calc(100% - 30px);height:calc(100% - 30px);max-width:unset;max-height:unset}#frameElement.is-lock{width:100%!important;height:100%!important}#frameElement.is-lock .inner{width:calc(100% - 30px);height:calc(100% - 30px)}#modalProjectView .modal-content .pr-container{padding:0;overflow:auto}#modalProjectView .modal-content .pr-client{width:100%}#modalProjectView .modal-content .pr-logo{width:100%;max-width:unset}#modalProjectView .modal-content .pr-description{width:100%!important;padding:70px 0 100px!important;line-height:2.5rem}.is-visible-pc{display:none}.is-visible-mobile{display:flex}#modalControllGuide{width:100%;height:100%;max-width:unset;min-width:unset;align-items:center;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-transform:none;transform:none;box-sizing:border-box;padding:0}#modalControllGuide .frame-column{width:calc(100% - 30px);height:calc(100% - 30px)}#modalControllGuide .row-mb{padding:20px 0;text-align:center;align-items:center!important;padding:0!important;box-sizing:border-box;height:100%}#modalControllGuide .row-mb .icon{padding-bottom:5px;background-image:url(/static/media/icon-mobile.a154a6c7.svg)}#modalControllGuide .row-mb>.column-container{height:-webkit-max-content!important;height:max-content!important;font-size:1.4rem;line-height:1.8rem}#modalControllGuide .column-container{padding:0}#modalControllGuide .column-main{justify-content:space-between;width:100%;height:100%;padding:15px;box-sizing:border-box}#modalControllGuide .guide-button{width:100%;padding:16px 10px;margin:0 auto 45px;margin:0 auto var(--num50);height:-webkit-max-content;height:max-content}#modalControllGuide .guide-button .title{font-size:2rem;margin:0 auto}#modalControllGuide .guide-button .description{display:none;font-size:1.4rem}#modalControllGuide .guide-title{padding:8vw 0 0}#modalControllGuide .guide-title p{padding:0;font-size:5rem;line-height:1.4}#modalControllGuide .guide-title span{padding:0;font-size:1.5rem}.frame .frame-inner{width:calc(100% - 30px);height:calc(100% - 30px)}#loading .modal-content{width:calc(100% - 90px);max-width:285px;padding:0 15px;box-sizing:border-box}#loading .modal-content>.row-container{flex-direction:column;width:100%;padding:50px 35px}#loading .row-container div.percentage-wrap{padding:0}#modalTip{width:calc(100% - 80px);padding:20px 18px;right:0;left:0;bottom:50px;box-sizing:border-box;margin:auto;height:auto;border-radius:0;background-color:rgba(0,0,0,.4)}#modalTip .tip-title{display:none}#modalTip .description span{font-size:1.4rem;line-height:1.8rem}.is-easy-mode #modalControllGuide .column-container{width:100%;height:auto}.is-easy-mode #modalControllGuide .column-container.column-main{display:flex;flex-direction:column;flex-wrap:nowrap;padding:50px;height:100%}.is-easy-mode #modalControllGuide .column-container.guide-title{padding:8vw 0 0}.is-easy-mode #modalControllGuide .column-container.guide-button{margin:0 auto}.is-easy-mode #modalControllGuide .row-mb{width:100%}#modalControllGuide .row-mb{padding:10vw 0!important}.is-easy-mode #modalControllGuide .icon{padding-bottom:5px}.compass-container,main{display:none}.is-modal-open .butotn-menu-trigger button{padding:34px 24px 34px 16px}#modalResultFail{width:100%;box-sizing:border-box}#modalResultFail .background-rank{height:100%}#modalResultFail button{z-index:2}#modalResultFail button:before{position:absolute;content:"";display:block;top:0;left:0;right:0;width:100%;height:1px;margin:auto;background-color:#000}.modal-success .modal-content{bottom:0;min-width:unset;width:calc(100% - 40px);height:calc(100% - 40px);padding:0;margin:auto;background-image:url(/static/media/gradient-background.bc6509c4.png);background-size:cover;border-radius:0 0 10px 10px}.modal-success .modal-content .background-rank{display:none}.modal-success .modal-content .result-container{padding:30px;background:transparent}.modal-success .modal-content .guide-title p{font-size:5rem}.modal-success .modal-content .guide-title span{font-size:1.2rem}.modal-success .modal-content>div{padding:10px 30px 30px;box-sizing:border-box}.modal-success .modal-content .guide-button .title{font-size:2rem}.modal-success .modal-content .copyright,.modal-success .modal-content .guide-button .description{display:none}.modal-success .result-info p span{width:28px;font-size:2.2rem}.modal-success .result-info p span.dot{width:10px}.modal-rank{padding:0!important}.modal-rank .guide-title{border:none}.modal-rank .guide-title p{padding-top:0}.modal-rank ul{min-width:unset;width:100%;padding:0;box-sizing:border-box;height:190px;margin:0 auto}.modal-rank li{line-height:1;font-size:1.8rem}.modal-rank .column-container{height:100%}.modal-rank .column-container.column-ranks{padding:0 50px;box-sizing:border-box}.modal-rank .guide-button{width:calc(100% - 100px);margin:0 auto}.modal-rank .guide-title p{font-size:4.6rem}.modal-rank .guide-title span{font-size:1.2rem}.is-bridge #modalResultFail{height:calc(100% - 40px)}.is-bridge #modalResultFail .guide-button .title{font-size:2rem}.is-bridge #modalResultFail button{margin:30px auto}.is-bridge #modalResultFail .guide-title{height:-webkit-max-content;height:max-content;padding:34px 0 80px!important}#modalResultSuccess .background-rank{display:block;height:100%;pointer-events:none;z-index:2}#modalResultSuccess .column-share{height:-webkit-max-content;height:max-content}#modalResultSuccess .result-container:before{display:none}#modalResultSuccess .modal-content{top:0!important;padding:0;min-width:unset;-webkit-transform:translate(-50%)!important;transform:translate(-50%)!important}#modalResultSuccess .modal-content>.column-container,#modalResultSuccess .modal-content>div{padding:0}#modalResultSuccess .modal-content>.column-container.column-ranks{padding:30px;box-sizing:border-box}#modalResultSuccess .row-container{margin:0 auto;padding:30px;box-sizing:border-box;z-index:2}#modalResultSuccess .guide-title{height:-webkit-max-content;height:max-content}#modalResultSuccess .guide-button{padding:16px!important;margin:0 5px 0 0;font-size:1.4rem}#modalResultSuccess .guide-button.button-retry-again{margin:0 0 0 5px}#modalResultSuccess .guide-button .title{font-size:1.4rem}}.is-device-mobile #modalFormRank .button-form-close,.is-device-mobile #modalTip,.is-device-mobile .compass-container,.is-device-mobile .util-menu,.is-modal-open .util-menu{display:none}@media(max-width:1024px){.is-device-mobile #modalControllGuide{height:auto!important}}.is-device-mobile #rootP5Canvas{display:none}.is-device-mobile #modalControllGuide{position:fixed}.is-device-mobile #modalControllGuide .row-pc{display:none}.is-device-mobile #modalControllGuide .row-mb{display:flex;justify-content:center}.is-safari-v13 #modalProjectView .modal-content .pr-detail,.is-safari-v13 #modalProjectView .modal-content .pr-information{display:-webkit-inline-box}.is-safari-v13 #modalProjectView .modal-content .information-client{display:block}::-webkit-scrollbar{display:none}#layer,#rootCanvas{position:fixed;top:0;left:0;width:100%;height:100%}#layer{z-index:8900;background-color:#000;opacity:0;visibility:hidden}#menu-web{pointer-events:inherit}@media(max-width:375px){.is-easy-mode #modalControllGuide .row-mb{padding:20px 0!important}.util-menu-mobile .menu-list a,.util-menu-mobile .menu-list button{padding:6vw}}.audio-wrap{display:none;width:0;height:0;opacity:0;visibility:hidden;pointer-events:none}#fixed-menu{justify-content:flex-end}#awwwards{position:fixed;top:50%;right:0;z-index:9000;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}#awwwards a{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:174px;background-image:url(/static/media/icon-awwwards.5fc54b2b.svg);background-size:100% auto;background-repeat:no-repeat;background-position:50%}@media screen and (max-width:768px){#awwwards a{width:42px;height:137px}}.is-showcase.darkmode #awwwards a{background-image:url(/static/media/icon-awwwards-invert.e131d3df.svg)}