#threejs{height:100vh;flex:1;min-width:0;height:100dvh;position:relative}.wasd-container{z-index:5;flex-direction:column;align-items:center;gap:5px;transition:bottom .2s;display:flex;position:absolute;bottom:50px;left:10px}.wasd-container.expanded{bottom:280px}.action-key-container{left:160px}.action-key-container.expanded{bottom:280px}.wasd-row{gap:5px;display:flex}.wasd-button{color:#fff;cursor:pointer;background-color:rgba(14,99,156,.2);border:2px solid rgba(14,99,156,.5);border-radius:8px;justify-content:center;align-items:center;padding:10px 15px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.wasd-button:hover{background-color:#0e639c}.wasd-action{width:100px}