.sa2-title{color:#c4c4c4;font-family:"Press Start 2P",system-ui}body{font-family:Segoe UI Symbol,Noto Sans Symbols,Arial Unicode MS,sans-serif;background-color:#000}#canvasX{border:1px solid black;background-color:#000;width:95vmin;height:95vmin;max-width:512px;max-height:512px;image-rendering:crisp-edges;image-rendering:pixelated}#app{border:5px solid rgb(100,100,100);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column}.joystick{opacity:0%}.joystick.right{position:absolute;right:0;height:100%;width:10vmin}.joystick.left{position:absolute;left:0;height:100%;width:10vmin}.joystick.up{position:absolute;top:0;width:100%;height:10vmin}.joystick.down{position:absolute;bottom:0;width:100%;height:10vmin}.input-display{position:absolute;pointer-events:none;font-size:3rem;color:#ffffff4d;display:flex;align-items:center;justify-content:center;transition:color .1s,transform .1s}.input-display-img{opacity:40%;position:absolute;pointer-events:none;width:12.5vmin;height:12.5vmin;align-items:center;justify-content:center}.input-display-img.enabled{filter:invert(100%)}.input-display-img.UP{top:0;transform:rotate(-90deg)}.input-display-img.DOWN{bottom:0;transform:rotate(90deg)}.input-display-img.LEFT{left:0;top:45%;transform:rotate(180deg)}.input-display-img.RIGHT{right:0;top:45%}.input-display.UP{left:50%;top:0;transform:translate(-50%)}.input-display.DOWN{left:50%;bottom:0;transform:translate(-50%)}.input-display.LEFT{left:0;top:50%;transform:translateY(-50%)}.input-display.RIGHT{right:0;top:50%;transform:translateY(-50%)}.input-display.enabled{color:#fff}.button-bar{padding-top:5vmin;display:flex;justify-content:center;align-items:center;border:1px solid black}button{color:#fff;background-color:#1c1c1c;padding:15px 40px;margin:10px;font-size:14px;font-family:"Press Start 2P",system-ui;border:0;box-shadow:0 5px #000,0 -5px #000,5px 0 #000,-5px 0 #000,0 10px #00000038,5px 5px #00000038,-5px 5px #00000038,inset 0 5px #ffffff36;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:translateY(5px);box-shadow:0 5px #000,0 -5px #000,5px 0 #000,-5px 0 #000,inset 0 5px #00000038}button:disabled{opacity:.5;pointer-events:none}.waitMsg{position:absolute;color:#fff;font-size:1.5rem;font-family:"Press Start 2P",system-ui;width:95vmin;max-width:512px;height:95vmin;max-height:512px}