#three-canvas canvas { display: block; touch-action: none; }
.navigation-help {
    position: absolute; top: 28px; left: 10px; right: 10px; z-index: 10;
    width: fit-content; max-width: calc(100% - 20px); padding: 6px 9px;
    border-radius: 7px; background: rgba(15,23,42,.8); color: #eef5fa;
    font: 11px/1.5 Inter, sans-serif; pointer-events: none;
}
.walk-pad {
    position: absolute; bottom: max(84px, env(safe-area-inset-bottom)); left: 18px; z-index: 20;
    width: 112px; height: 112px; border: 2px solid rgba(255,255,255,.6);
    border-radius: 50%; background: rgba(15,23,42,.6); touch-action: none;
    user-select: none; cursor: grab;
}
.walk-pad-label { position: absolute; top: 7px; width: 100%; text-align: center; font: 10px Inter, sans-serif; color: #fff; }
.walk-pad-knob { position: absolute; top: 36px; left: 36px; width: 36px; height: 36px; border-radius: 50%; background: #e8f2f8; box-shadow: 0 2px 8px #0005; pointer-events: none; }
.navigation-help[hidden], .walk-pad[hidden] { display: none; }