body{margin:0;padding:0;overflow:hidden}iframe{border:0;margin:0;padding:0;width:100vw;height:100vh}#loading{position:fixed;width:100vw;height:100vh;margin:0;padding:0;background-color:#fff;z-index:1000}#nav{position:fixed;right:1em;top:1em;z-index:1;background-color:rgba(255,255,255,.8);border-radius:1em;padding:.5em 1em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#nav ul{list-style-type:none;text-align:right;margin-bottom:0}#nav ul .line{height:1em;border-right:1px solid #000;margin-right:.45em;margin-top:.3em;cursor:auto}#nav ul .active{color:#0050fc}#nav li{font-family:Rubik;cursor:pointer}.indicator{display:inline-block;width:30px;height:30px;border:5px solid rgba(0,80,252,.1);border-radius:50%;position:absolute;top:50%;margin-top:-15px;margin-left:-15px;left:50%;border-top-color:#0050fc;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}#matchmaking,#notice,#registration,#signin{position:fixed;width:100vw;height:100vh;z-index:1;display:none;padding:0;margin:0}#matchmaking .background,#notice .background,#registration .background,#signin .background{background-color:rgba(0,0,0,.3);width:100vw;height:100vh;padding:0;margin:0;display:flex;justify-content:center;align-items:center}#matchmaking .popup,#notice .popup,#registration .popup,#signin .popup{width:50vw;height:50vh;background-color:#eee;border:.1em solid #eee;border-radius:1em}#matchmaking .popup .popup-body,#notice .popup .popup-body,#registration .popup .popup-body,#signin .popup .popup-body{position:relative;background-color:#eee;border-radius:1em;height:100%}#matchmaking .popup .popup-body .popup-alert,#notice .popup .popup-body .popup-alert,#registration .popup .popup-body .popup-alert,#signin .popup .popup-body .popup-alert{position:absolute;top:5.4em;width:100%;border-top-left-radius:0;border-top-right-radius:0}#matchmaking .popup .popup-body .popup-alert .msg,#notice .popup .popup-body .popup-alert .msg,#registration .popup .popup-body .popup-alert .msg,#signin .popup .popup-body .popup-alert .msg{margin-left:1em}#matchmaking .popup .popup-body iframe,#notice .popup .popup-body iframe,#registration .popup .popup-body iframe,#signin .popup .popup-body iframe{width:100%;height:100%;margin:0;padding:0;border:0;border-radius:1em;display:block}#matchmaking .popup{width:90vw;height:90vh;overflow:hidden}#matchmaking .closelink{position:absolute;right:1em}#notice .popup{width:auto;height:80vh;background-color:#fff!important}#notice .popup .popup-body{background-color:#fff!important;overflow:auto}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}.moveToLeft{-webkit-animation:moveToLeft .6s ease both;animation:moveToLeft .6s ease both}.moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both}.moveToRight{-webkit-animation:moveToRight .6s ease both;animation:moveToRight .6s ease both}.moveFromRight{-webkit-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both}.moveToTop{-webkit-animation:moveToTop .6s ease both;animation:moveToTop .6s ease both}.moveFromTop{-webkit-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both}.moveToBottom{-webkit-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both}.moveFromBottom{-webkit-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%)}}@keyframes moveToLeft{to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%)}}@keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%)}}@keyframes moveToRight{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%)}}@keyframes moveFromRight{from{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%)}}@keyframes moveToTop{to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%)}}@keyframes moveFromTop{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%)}}@keyframes moveToBottom{to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}}@keyframes moveFromBottom{from{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media screen and (orientation:portrait)and (max-width:768px){html{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);width:100vh!important;height:100vw!important;position:absolute;transform-origin:top left;top:100vh;left:0;right:0;bottom:0}#scene{width:100vh!important;height:100vw!important}#loading{width:100vh!important;height:100vw!important}#matchmaking{width:100vh!important;height:100vw!important}#signin{width:100vh!important;height:100vw!important}#notice{width:100vh!important;height:100vw!important}.background{width:100vh!important;height:100vw!important}#signin .popup{width:80vh!important;height:95vw!important}#matchmaking .popup{width:80vh!important;height:95vw!important}#notice .popup{width:auto;height:95vw!important}}@media screen and (max-width:1139px){#nav{right:.5em;top:.5em;border-radius:.5em;padding:.1em .5em}#nav li{font-size:.7em}#nav ul .line{height:1em;margin-right:.45em;margin-top:.1em}}