:root{--hud-bg:#12202c8c;--hud-fg:#f4f8fb;--hud-muted:#f4f8fbbf;--key-bg:#ffffff29;--warn-bg:#b05c18b8;--stick-radius:56px;--edge-top:calc(16px + env(safe-area-inset-top));--edge-right:calc(16px + env(safe-area-inset-right));--edge-bottom:calc(16px + env(safe-area-inset-bottom));--edge-left:calc(16px + env(safe-area-inset-left));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:#d4ecf7;width:100%;height:100%;margin:0;overflow:hidden}.hud{pointer-events:none;color:var(--hud-fg);-webkit-user-select:none;user-select:none;font-size:13px;position:fixed;inset:0}.hud-panel{background:var(--hud-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:10px 14px;position:absolute}.hud-stats{top:var(--edge-top);right:var(--edge-right);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--hud-muted);gap:16px;display:flex}.hud-stats b{text-align:right;min-width:3ch;color:var(--hud-fg);font-size:15px;display:inline-block}.hud-controls{left:var(--edge-left);bottom:var(--edge-bottom);color:var(--hud-muted);gap:6px;margin:0;list-style:none;display:grid}.hud-controls li{grid-template-columns:110px auto;align-items:center;display:grid}.hud-controls span{gap:4px;display:flex}kbd{text-align:center;background:var(--key-bg);min-width:22px;color:var(--hud-fg);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:11px;box-shadow:inset 0 -1px #00000040}.hud-warning{top:calc(var(--edge-top) + 52px);text-align:center;background:var(--warn-bg);opacity:0;max-width:calc(100% - 32px);font-weight:500;transition:opacity .4s,translate .4s;left:50%;translate:-50% -6px}.hud-warning[data-visible]{opacity:1;translate:-50%}.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:flex;position:fixed;inset:0}.stick-zone{touch-action:none;flex:1;position:relative}.stick-base{bottom:calc(var(--edge-bottom) + 28px);width:calc(var(--stick-radius) * 2);height:calc(var(--stick-radius) * 2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.6;background:#12202c40;border:2px solid #fff6;border-radius:50%;transition:transform .25s ease-out,opacity .25s;position:absolute}.stick-zone[data-side=left] .stick-base{left:calc(var(--edge-left) + 24px)}.stick-zone[data-side=right] .stick-base{right:calc(var(--edge-right) + 24px)}.stick-base[data-active]{opacity:1;transition:opacity .1s}.stick-knob{background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px;transition:transform .15s ease-out;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000040}.stick-base[data-active] .stick-knob{transition:none}.stick-label{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-fg);text-shadow:0 1px 3px #00000080;font-size:11px;position:absolute;top:calc(100% + 8px);left:0;right:0}.touch-reset{top:var(--edge-top);left:var(--edge-left);width:44px;height:44px;color:var(--hud-fg);touch-action:manipulation;border:0;place-items:center;padding:0;display:grid}.touch-reset svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}