body{margin:0;padding:0;color:#ffffffde;background-color:#000;font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#mobile-controls{position:fixed;bottom:20px;left:0;width:100%;height:160px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 40px;box-sizing:border-box;pointer-events:none;z-index:1000}@media(min-width:1024px){#mobile-controls{display:none}}.d-pad{position:relative;width:120px;height:120px;pointer-events:auto}.d-btn{position:absolute;background-color:#333;cursor:pointer;box-shadow:2px 2px #000}.d-btn:active,.d-btn.active{background-color:#555;box-shadow:inset 1px 1px 2px #000}.d-up{top:0;left:40px;width:40px;height:40px;border-radius:4px 4px 0 0}.d-right{top:40px;left:80px;width:40px;height:40px;border-radius:0 4px 4px 0}.d-down{top:80px;left:40px;width:40px;height:40px;border-radius:0 0 4px 4px}.d-left{top:40px;left:0;width:40px;height:40px;border-radius:4px 0 0 4px}.d-center{position:absolute;top:40px;left:40px;width:40px;height:40px;background-color:#333;z-index:1}.d-pad:before{content:"";position:absolute;top:-10px;left:-10px;width:140px;height:140px;background-color:#ffffff1a;border-radius:50%;z-index:-1}.action-pad{pointer-events:auto;margin-bottom:20px;margin-right:20px}.a-btn{width:70px;height:70px;background-color:#b71c1c;border-radius:50%;color:#440b0b;font-weight:700;font-size:24px;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px #500;cursor:pointer;-webkit-user-select:none;user-select:none}.a-btn:active,.a-btn.active{background-color:#d32f2f;box-shadow:inset 2px 2px 4px #500;transform:translate(1px,1px)}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000;color:#ffffffde;border:1px solid rgba(255,255,255,.87);cursor:pointer;transition:all .3s}.button:hover{border:1px solid #0ec3c9;color:#0ec3c9}.button:active{background-color:#0ec3c9}.button:disabled{cursor:not-allowed;border:1px solid rgba(255,255,255,.3);color:#ffffff4d}
