.hm-panel,.hm-keys,.hm-pad button{background:var(--surface);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);box-shadow:var(--shadow)}.hm-panel{position:fixed;top:74px;left:14px;z-index:9;display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:20px}.hm-modes{display:flex;gap:6px;flex-wrap:wrap}.hm-modes button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--solid);font-size:13.5px;font-weight:600}.hm-modes button:hover{border-color:var(--ink)}.hm-modes button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.hm-status{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.4em}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;padding:1px 5px;border-radius:5px;background:#1410080f;border:1px solid var(--line);font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--ink-2)}.hm-modes button[aria-pressed=true] kbd{background:#ffffff24;border-color:#fff3;color:#fff}.hm-keys{position:fixed;left:14px;bottom:14px;z-index:9;padding:12px 14px;border-radius:18px}.hm-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;margin-top:9px;font-size:13px;color:var(--ink-2)}.hm-grid .k{display:inline-flex;gap:4px}.hm-pad{display:none;position:fixed;right:14px;bottom:30px;z-index:9;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.hm-pad button{border-radius:16px;font-size:22px;font-weight:600;color:var(--ink);touch-action:none}.hm-pad button.held{background:var(--ink);color:#fff}.hm-pad .up{grid-area:1 / 2}.hm-pad .left{grid-area:2 / 1}.hm-pad .right{grid-area:2 / 3}.hm-pad .down{grid-area:3 / 2}.hm-pad .run{grid-area:1 / 3;font-size:13px}.hm-pad .run[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:transparent}.hm-credit{position:fixed;right:14px;bottom:8px;margin:0;z-index:8;font-size:11px;color:#8d97ab;pointer-events:none}@media(hover:none)and (pointer:coarse){.hm-keys,kbd{display:none}.hm-pad{display:grid}.hm-credit{left:14px;right:auto}}@media(max-width:900px){.humanoid .top{left:8px;right:8px;top:8px;gap:8px}.hm-panel{top:62px;left:8px;right:8px;padding:10px 10px 8px}.hm-modes button{flex:1;justify-content:center;padding:0 8px}.hm-keys{left:8px;bottom:22px}.hm-pad{right:8px;bottom:26px}.hm-credit{right:8px;left:8px;text-align:center}}
