/* Endless Road Racer 3D */
.erc-hud { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 4px; pointer-events: none; }
.erc-score { background: rgba(8,16,28,.75); border: 1px solid rgba(255,255,255,.18); border-radius: 12px; padding: 2px 18px; font: 900 28px system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.erc-row { display: flex; gap: 10px; font: 900 18px system-ui, sans-serif; text-shadow: 0 1px 3px #000; color: #fde047; min-height: 24px; }
.erc-bars { display: flex; gap: 8px; }
.erc-bars .b3-bar { width: 130px; }
.erc-fuel i { background: linear-gradient(90deg, #ef4444, #22c55e) !important; }
.erc-fuel.is-low { animation: ck-blink .5s steps(2) infinite; border-color: #ef4444; }
.erc-side { position: absolute; left: 12px; bottom: 14px; display: flex; flex-direction: column; padding: 6px 12px; border-radius: 14px; background: rgba(8,16,28,.72); border: 1px solid rgba(255,255,255,.16); font: 800 13px system-ui, sans-serif; pointer-events: none; }
.erc-sp { font: 900 30px/1 system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.erc-side small { font-size: 10px; opacity: .75; margin-bottom: 4px; }
/* the car drives itself, so there is no gas button */
.erc-touch .sim-tbtn[data-id="gas"] { display: none; }
.sim-has-touch .erc-side { bottom: 100px; }
@container (max-width: 480px) { .erc-hud { top: 50px; } .erc-score { font-size: 22px; } .erc-bars .b3-bar { width: 100px; } .erc-sp { font-size: 22px; } .sim-has-touch .erc-side { bottom: 90px; } }