html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#000}#root>*{height:100%}h1{font-family:Pirata One,cursive;font-size:4rem;color:#ffe;mix-blend-mode:overlay;margin:0}p{font-family:Pirata One,cursive;font-size:1.6rem;color:#ffe;mix-blend-mode:overlay;margin-bottom:40px}.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:24px 40px;box-sizing:border-box;pointer-events:none}.joystick-zone .back{opacity:.5}.joystick-zone .front{opacity:1}.jump-button,.joystick-zone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.jump-button{position:absolute;bottom:10%;right:4%;width:88px;height:88px;border-radius:50%;border:none;background:#ffffff80;color:#444;font-family:Pirata One,cursive;font-size:1.4rem;pointer-events:all;touch-action:none;cursor:pointer}@media(pointer:coarse){h1{font-size:3rem}.ui-container{padding:8vh 16px}.mobile-warning{font-family:Pirata One,cursive;font-size:.6rem;color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;padding:20vh 40px 0;box-sizing:border-box;text-align:center;background:#7874cf;background:linear-gradient(180deg,#7874cf,#ffb8b0 71%,#ffcf40)}#instructions-text{display:none}}