body{margin:0;padding:0;color:rgba(255,255,255,.87);background-color:#000000;font-family:Arial,Helvetica,sans-serif}#app{height:100vh;overflow:hidden;flex-direction:column}#app,#game-area{width:100%;display:flex}#game-area{height:50vh;align-items:flex-end;justify-content:center}#game-area.fade-in{animation:fadeIn .3s ease-out forwards}#dpad-area{height:50vh;display:flex;align-items:center;justify-content:center;width:100%}#dpad-area.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:1025px){#dpad-area{display:none}#game-area{height:100vh;align-items:center}}#game-container{position:relative;z-index:1;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#game-container canvas{position:relative;z-index:1;display:block;margin:0 auto;filter:contrast(1.1) saturate(1) brightness(.95);image-rendering:pixelated;border-radius:8px}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000000;color:rgba(255,255,255,.87);border:1px solid rgba(255,255,255,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.3)}}