html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:sans-serif;background-color:#000}#app{width:100%;height:100%;display:flex;flex-direction:column}#game-container{flex:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center}canvas{max-width:100%!important;max-height:100%!important;width:100%!important;object-fit:contain;margin:0!important}.controls{position:absolute;bottom:20px;left:20px;z-index:100;display:flex;gap:10px;flex-wrap:wrap;max-width:500px}.button{padding:8px 16px;background-color:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.7);border-radius:4px;cursor:pointer;font-weight:700;min-width:120px;transition:all .2s ease}.button:hover{background-color:#000000e6;border-color:#fff}.button:active{background-color:#0ec3c94d;transform:scale(.98)}.button.danger{border-color:#ff4646b3}.button.danger:hover{border-color:#ff4646}.button.danger:active{background-color:#ff46464d}