#hud{
    position:absolute;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    z-index:100;
    pointer-events:none;
}

#hud div{
    background:rgba(0,0,0,.65);
    border:1px solid rgba(255,255,255,.25);
    border-radius:8px;
    padding:8px 12px;
    font-size:.9rem;
    font-weight:bold;
    min-width:100px;
    text-align:center;
}

#score{
    color:#fff;
}

#money{
    color:#ffcc00;
}

#health{
    color:#ff6666;
}

#nitro{
    color:#33ccff;
}

.health-bar{
    width:160px;
    height:18px;
    background:#222;
    border-radius:10px;
    overflow:hidden;
}

.health-fill{
    width:100%;
    height:100%;
    background:#ff4444;
}

.nitro-bar{
    width:160px;
    height:18px;
    background:#222;
    border-radius:10px;
    overflow:hidden;
}

.nitro-fill{
    width:100%;
    height:100%;
    background:#00b7ff;
}