@font-face{font-family:Pixelify;src:url(/assets/fonts/VT323-Regular.ttf)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#webglCanvas{position:fixed;top:0;left:0;outline:none;width:100%;height:100%}#loader{font-size:32px;font-family:Pixelify}.clickable{cursor:pointer}.controlled{border:5px solid orangered}#loader{position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;background:#87cefa}#debugContainer{position:fixed;top:0;left:0;z-index:9999;padding:8px;background:#ffffff80}.hidden{display:none!important}#overlay{display:none;position:fixed;top:0;left:0;width:100%;padding:8px;color:#fff;justify-content:center;z-index:9999;background:#000c}@media screen and (orientation: portrait){#overlay{display:flex}}#toggle-btn{position:absolute;top:0;left:0;margin:16px;padding:16px;background-color:transparent;font-size:2rem;line-height:2rem;display:flex;align-items:center;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}#toggle-btn:hover{background-color:#ffffff1a}#tabContainer{position:absolute;left:0;bottom:0;padding:32px;width:100%;display:flex;justify-content:center}#tabContentContainer{width:100%;max-width:960px;height:128px;display:flex;border:4px solid black;background-color:#fff;color:#222;position:relative}#tabContentContainer.dark{background-color:#333;color:#fff}#tabContent{flex:3;padding:16px;font-size:24px;font-family:Pixelify;white-space:pre-wrap}#tabImage{flex:1;position:relative}@media (orientation: portrait){#tabImage{position:absolute;top:-4px;left:0;width:128px}}#tabAvatar{width:100%;aspect-ratio:1 / 1;position:absolute;right:0;bottom:0;transform:scaleX(-1);background-size:auto 100%;background-repeat:no-repeat;background-position:left top}#tabAvatar.frame{--frame-x: 0%;background-position:var(--frame-x) 0}.avatarPlayer{background-image:url(/assets/avatars/msja-player-avatar-sheet.png)}.avatarScreenBoy{background-image:url(/assets/avatars/msja-screen-boy-avatar-sheet.png)}#tabButton{position:absolute;right:24px;bottom:-24px;height:48px;padding:12px 24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-family:Pixelify;text-transform:uppercase;border-width:5px;border-radius:16px;background:#e91e63;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-repeat:initial;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23ec427c' /></svg>");cursor:pointer}#tabButton:hover{background-color:#ba124b}#mobile-controller-container{position:fixed;bottom:0;right:0;width:100%;display:flex;align-items:stretch;justify-content:space-between;padding:24px;font-family:Pixelify}#mobile-controller-container>div:nth-child(1){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}#mobile-controller-container>div:nth-child(1)>button:nth-child(1){width:calc(100% - 16px)}#mobile-controller-container>div:nth-child(1)>div:nth-child(2){display:flex;flex-direction:row;align-items:flex-end;justify-content:center}#mobile-controller-container>div:nth-child(2){height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-controller-button{margin:8px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#ffffff40;font-size:32px;line-height:32px;font-family:Pixelify;text-transform:uppercase;border-width:5px;border-radius:16px;border-image-slice:2;border-image-width:1;border-image-outset:0;border-image-repeat:initial;border-image-source:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='white' /></svg>");cursor:pointer}