*{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;user-select:none}.ui a{pointer-events:auto}.ui .mobile-warning{display:none!important}.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}.mobile-dpad{display:flex!important;position:fixed;bottom:max(72px,calc(env(safe-area-inset-bottom,0px) + 56px));left:max(20px,calc(env(safe-area-inset-left,0px) + 16px));z-index:99999;pointer-events:auto;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:8px}@media (min-width: 901px) and (hover: hover){.mobile-dpad{bottom:32px;left:32px}}.mobile-dpad .dpad-middle-row{display:flex;gap:8px}.mobile-dpad .dpad-btn{width:52px;height:52px;background:rgba(12,12,16,.85);border:1.5px solid rgba(255,255,255,.45);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;touch-action:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease,color .12s ease;box-shadow:0 4px 20px #0000008c,inset 0 1px #fff3}.mobile-dpad .dpad-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.8;pointer-events:none}.mobile-dpad .dpad-btn:hover{background:rgba(24,24,30,.95);border-color:#ffffffbf;transform:translateY(-1px);box-shadow:0 6px 24px #000000a6,inset 0 1px #ffffff4d}.mobile-dpad .dpad-btn:active,.mobile-dpad .dpad-btn.is-active{background:rgba(0,255,102,.35);border-color:#0f6;color:#0f6;box-shadow:0 0 24px #00ff66b3;transform:scale(.92)}