*{box-sizing:border-box}.game{position:fixed;top:0;left:0;width:100vw;height:100%;touch-action:none}.ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none}.ui a,.ui button{pointer-events:auto}.ui .show-keyboard{display:flex;align-items:center;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.ui .show-keyboard-wrapper{display:none}@media (max-width: 768px){.ui .show-keyboard-wrapper{display:flex}}.ui .keyboard-input{position:absolute;top:-9999px;left:-9999px;opacity:0;width:0;height:0;pointer-events:none}.ui .controls{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:8px}.ui a{color:inherit}.ui .group{display:flex}.ui .element{display:flex;align-items:center;margin-right:10px}.ui .keys{--key-size: 15px;--key-margin: 2px;font-size:0;margin-right:2px;white-space:nowrap}.ui .keys.is-arrows{position:relative}.ui .keys.is-arrows .key:last-child{position:absolute;bottom:calc(100% + var(--key-margin));left:calc(var(--key-size) + var(--key-margin))}.ui .key{display:inline-flex;align-items:center;justify-content:center;width:var(--key-size);height:var(--key-size);margin-right:var(--key-margin);border:1px solid #ffffff;font-size:9px}