/* Bus Parking 3D (shared: sim3d.css + car-kit.css) */
#game-root .sim-controls-help { margin-top: 14px; }
.bp-hold { position: absolute; left: 50%; top: 58%; transform: translateX(-50%); width: 180px; height: 26px; border-radius: 13px; background: rgba(8, 16, 28, .7); border: 2px solid #facc15; overflow: hidden; text-align: center; }
.bp-hold i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: rgba(250, 204, 21, .55); }
.bp-hold span { position: relative; font: 800 13px/22px system-ui, sans-serif; }
/* the bendy bus's joint angle */
.bp-angle { position: absolute; left: 12px; bottom: 100px; display: flex; flex-direction: column; align-items: center; gap: 2px; background: rgba(8, 16, 28, .7); border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; padding: 5px 8px; font: 800 10px system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.bp-angle__dial { position: relative; width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .35); }
.bp-angle__dial::before { content: ""; position: absolute; left: 50%; top: 4px; width: 4px; height: 14px; margin-left: -2px; background: #fff; border-radius: 2px; }
.bp-angle__dial i { position: absolute; left: 50%; top: 50%; width: 6px; height: 18px; margin-left: -3px; background: #facc15; border-radius: 3px; transform-origin: 50% 0; }
.bp-angle.is-warn .bp-angle__dial { border-color: #f97316; }
.bp-angle.is-warn .bp-angle__dial i { background: #f97316; }
.sim-has-touch .bp-angle { bottom: 186px; }
.ck-touch .sim-tbtn[data-id="hb"] { display: none; }
@container (max-width: 480px) { .sim-has-touch .bp-angle { bottom: 176px; } .bp-hold { top: 52%; } }