*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:-apple-system,system-ui,Helvetica,Arial,sans-serif;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#app{position:fixed;inset:0}
#c{position:absolute;inset:0;width:100%;height:100%;display:block}
#hud{position:absolute;top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}
#street{background:#1b5e20;border:2px solid #fff;border-radius:6px;padding:3px 10px;font-weight:700;font-size:15px;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.4);max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mini{width:118px;height:118px;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.5);background:#5d8a47}
#btns{position:absolute;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);display:flex;gap:8px}
button{font:inherit;color:#fff;background:rgba(20,30,40,.62);border:2px solid rgba(255,255,255,.75);border-radius:12px;min-width:46px;height:46px;font-size:20px;padding:0 8px;touch-action:none}
button:focus-visible{outline:3px solid #ffd54f;outline-offset:2px}
button:active,button.on{background:rgba(255,213,79,.55)}
#bSpeed{font-size:16px;font-weight:700}
#joy{position:absolute;left:calc(env(safe-area-inset-left) + 22px);bottom:calc(env(safe-area-inset-bottom) + 22px);width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.55);touch-action:none}
#knob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.8);box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none}
#updown{position:absolute;right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:12px}
#updown button{width:62px;height:62px;font-size:24px;border-radius:50%}
#help{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 8px);transform:translateX(-50%);font-size:12px;background:rgba(0,0,0,.45);padding:3px 10px;border-radius:10px;white-space:nowrap;pointer-events:none;transition:opacity 1s}
#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:#223;transition:opacity .5s}
@media (orientation:portrait){#mini{width:96px;height:96px}#help{bottom:calc(env(safe-area-inset-bottom) + 170px);font-size:11px}#street{font-size:13px}}