body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0e1e;font-family:'M PLUS Rounded 1c',sans-serif}#app-container{position:absolute;width:1280px;height:720px;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#1a1a2e;box-shadow:0 0 60px rgba(0,0,0,.6)}.screen{position:absolute;inset:0;display:none;flex-direction:column;z-index:1}.screen.active{display:flex;z-index:10}.screen.fade-in{animation:.35s forwards screenFadeIn}.screen.fade-out{animation:.35s forwards screenFadeOut}@keyframes screenFadeIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes screenFadeOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.screen.fade-in-back{animation:.35s forwards screenFadeInBack}.screen.fade-out-back{animation:.35s forwards screenFadeOutBack}@keyframes screenFadeInBack{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes screenFadeOutBack{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}